Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Des builds front plus rapides

Avatar for Providenz - Laurent Paoletti Providenz - Laurent Paoletti
June 17, 2015
Programming
0
51

Des builds front plus rapides

Talk donné à /dev/var/10 le 9 juin 2015

Avatar for Providenz - Laurent Paoletti

Providenz - Laurent Paoletti

June 17, 2015
Tweet

More Decks by Providenz - Laurent Paoletti

See All by Providenz - Laurent Paoletti
Introduction au machine learning
Avatar for Providenz - Laurent Paoletti providenz
0
210
Back to front
Avatar for Providenz - Laurent Paoletti providenz
0
150
Machine Learning for the rest of us
Avatar for Providenz - Laurent Paoletti providenz
1
190
Brunch, le builder pour les developpeurs pressés
Avatar for Providenz - Laurent Paoletti providenz
0
160
Postgresql la plateforme de vos données
Avatar for Providenz - Laurent Paoletti providenz
0
270
Atelier Datalab - volet technique
Avatar for Providenz - Laurent Paoletti providenz
0
76
Performance web (Brown bag lunch)
Avatar for Providenz - Laurent Paoletti providenz
0
44
Montée en charge
Avatar for Providenz - Laurent Paoletti providenz
0
47
Présentation de django
Avatar for Providenz - Laurent Paoletti providenz
0
45

Other Decks in Programming

See All in Programming
grapheme_strrev関数が採択されました（あと雑感）
Avatar for てきめん tekimen youkidearitai
PRO
1
210
AI主導でFastAPIのWebサービスを作るときに 人間が構造化すべき境界線
Avatar for Jun okazaki okajun35
0
690
社内規程RAGの精度を73.3% → 100%に改善した話
Avatar for oharu121 oharu121
13
7.9k
AI時代でも変わらない技術コミュニティの力～10年続く“ゆるい”つながりが生み出す価値
Avatar for Takehata Naoto n_takehata
2
710
Railsの気持ちを考えながらコントローラとビューを整頓する/tidying-rails-controllers-and-views-as-rails-think
Avatar for MOROHASHI Kyosuke moro
5
390
ふつうのRubyist、ちいさなデバイス、大きな一年 / Ordinary Rubyists, Tiny Devices, Big Year
Avatar for chobishiba chobishiba
1
430
Agent Skills Workshop - AIへの頼み方を仕組み化する
Avatar for Gota gotalab555
15
8.5k
AWS×クラウドネイティブソフトウェア設計 / AWS x Cloud-Native Software Design
Avatar for nrs nrslib
15
3k
Claude Code の Skill で複雑な既存仕様をすっきり整理しよう
Avatar for yuichiro_takahashi yuichirokato
1
360
技術検証結果の整理と解析をAIに任せよう！
Avatar for Keisuke Ikeda keisukeikeda
0
110
What Spring Developers Should Know About Jakarta EE
Avatar for ivargrimstad ivargrimstad
0
140
Claude Codeセッション現状確認 2026福岡 / fukuoka-aicoding-00-beacon
Avatar for monochromegane monochromegane
4
410

Featured

See All Featured
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.2k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
82
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.6k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
Avatar for UX Y'all uxyall
0
200
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
150
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
140

Transcript

  1. DES BUILDS FRONT PLUS RAPIDES @providenz

  2. libsass > compass ~10x à 100x http://libsass.org/

  3. autoprefixer https://github.com/postcss/autoprefixer

  4. BRUNCH.IO

  5. CONVENTION over CONFIGURATION TASKS BUILD

  6. CONFIG PAR DÉFAUT

  7. SIMPLE RAPIDE WHY* *ça veut dire pourquoi

  8. concaténation enrobage source maps minification surveillance notification

  9. INSTALL npm install -g brunch

  10. brunch new <skeleton-URL> [dir] brunch new gh:brunch/dead-simple à la main

    CRÉATION

  11. brunch-config.coffee brunch-config.js CONFIG

  12. app assets vendor public STRUCTURE

  13. npm install -g plugin c’est (souvent) suffisant PLUGINS

  14. brunch watch brunch watch —server brunch w -s DEV

  15. brunch build [—production] (autoprefixer etc) BUILD

  16. http://brunch.io https://github.com/brunch/brunch-guide

  17. Browsersync

  18. Browsersync · features live reload interaction sync multi navigateurs editeur

    agnostique

  19. Browsersync · install npm install browser-sync

  20. Browsersync

  21. Démo

  22. Merci @providenz