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
50

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
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
380
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
Avatar for azukiazusa azukiazusa1
1
740
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
Best-Practices-for-Cortex-Analyst-and-AI-Agent
Avatar for ryotaro.ikeda@finatext.com ryotaroikeda
1
110
CSC307 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
Avatar for izumin5210 izumin5210
7
2.3k
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
0
240
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
Avatar for MomokoShirakawa momok47
0
200
Apache Iceberg V3 and migration to V3
Avatar for Tomohiro Tanaka tomtanaka
0
160
MUSUBIXとは
Avatar for Hisaho nahisaho
0
140

Featured

See All Featured
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
8k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
32k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.1k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
It's Worth the Effort
Avatar for 3n 3n
188
29k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
52k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
270
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
0
52

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