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
48

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
200
Back to front
Avatar for Providenz - Laurent Paoletti providenz
0
140
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
260
Atelier Datalab - volet technique
Avatar for Providenz - Laurent Paoletti providenz
0
74
Performance web (Brown bag lunch)
Avatar for Providenz - Laurent Paoletti providenz
0
40
Montée en charge
Avatar for Providenz - Laurent Paoletti providenz
0
36
Présentation de django
Avatar for Providenz - Laurent Paoletti providenz
0
43

Other Decks in Programming

See All in Programming
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
Avatar for Takumi Abe east_takumi
0
390
Laravel Boost 超入門
Avatar for Arlo fire_arlo
3
220
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
Avatar for azukiazusa azukiazusa1
24
12k
パッケージ設計の黒魔術/Kyoto.go#63
Avatar for kadota kyohei lufia
3
440
基礎から学ぶ大画面対応(Learning Large-Screen Support from the Ground Up)
Avatar for Tomoya Miwa tomoya0x00
0
1.5k
意外と簡単！？フロントエンドでパスキー認証を実現する WebAuthn
Avatar for teamLab teamlab
PRO
2
760
Android端末で実現するオンデバイスLLM 2025
Avatar for Masayuki Suda masayukisuda
1
150
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
Avatar for mazrean mazrean
1
280
1から理解するWeb Push
Avatar for Minoru Takeuchi dora1998
7
1.9k
AWS発のAIエディタKiroを使ってみた
Avatar for 入井 啓太 iriikeita
1
190
奥深くて厄介な「改行」と仲良くなる20分
Avatar for おぐえもん oguemon
1
540
テストカバレッジ100%を10年続けて得られた学びと品質
Avatar for もっち mottyzzz
2
600

Featured

See All Featured
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
1.6k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
3
620
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
26
1.9k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
352
21k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
6k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k

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