Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Des builds front plus rapides

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

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

More Decks by Providenz - Laurent Paoletti

See All by Providenz - Laurent Paoletti
Introduction au machine learning
Avatar for Providenz - Laurent Paoletti providenz
0
230
Back to front
Avatar for Providenz - Laurent Paoletti providenz
0
190
Machine Learning for the rest of us
Avatar for Providenz - Laurent Paoletti providenz
1
220
Brunch, le builder pour les developpeurs pressés
Avatar for Providenz - Laurent Paoletti providenz
0
170
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
84
Performance web (Brown bag lunch)
Avatar for Providenz - Laurent Paoletti providenz
0
55
Montée en charge
Avatar for Providenz - Laurent Paoletti providenz
0
51
Présentation de django
Avatar for Providenz - Laurent Paoletti providenz
0
53

Other Decks in Programming

See All in Programming
一参加者から『中の人』へ 〜全通PHPerがブースに立って学んだ、カンファレンスを100倍楽しむコツ〜
Avatar for 藤掛大介 wp_daisuke
0
150
How I Stole PSI from Android Studio - DroidKaigi2026
Avatar for JunRong Tan worker8
0
120
Swift愛好会100回記念 第1回を振り返る
Avatar for jollyjoester jollyjoester
0
120
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
340
Vibes Containers 〜AIで変わるコンテナ設計と運用〜
Avatar for Tetsuya Kikuchi tkikuc
3
540
AGENTS.md Is Not Enough: Build Skills, Don't Download Them
Avatar for Alex T lx_t
0
110
VueプロジェクトをTypeScript7に対応させる- Side-by-Side戦略による一部高速化 -
Avatar for kouki.miura koukimiura
0
110
LLMは4年分のCompose移行を再現できるのか？実プロダクト279件のXMLで探る自動化の境界線
Avatar for makun makun
0
820
AIエージェント時代のコードレビューを設計する
Avatar for nogu nogu66
6
2.7k
変化を抱擁するドキュメントの作り方 - ビジネスルール駆動開発がもたらす、コードとの新しい関係
Avatar for ioki ioki
2
200
型解析で実現する Go の言語内 DSL / Conference に Go! タイムテーブルの歩き方 for Gophers
Avatar for mazrean mazrean
0
150
XHTMLが残したもの
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
2
780

Featured

See All Featured
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
380
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.1k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
4k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.7k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
880
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
500
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
520
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
600
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
420
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
350

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