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

Des builds front plus rapides

Providenz - Laurent Paoletti
June 17, 2015
Programming
0
43

Des builds front plus rapides

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

Providenz - Laurent Paoletti

June 17, 2015
Tweet

More Decks by Providenz - Laurent Paoletti

See All by Providenz - Laurent Paoletti
Introduction au machine learning
providenz
0
200
Back to front
providenz
0
130
Machine Learning for the rest of us
providenz
1
180
Brunch, le builder pour les developpeurs pressés
providenz
0
150
Postgresql la plateforme de vos données
providenz
0
260
Atelier Datalab - volet technique
providenz
0
72
Performance web (Brown bag lunch)
providenz
0
36
Montée en charge
providenz
0
34
Présentation de django
providenz
0
38

Other Decks in Programming

See All in Programming
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
360
お前もAI鬼にならないか？👹Bolt & Cursor & Supabase & Vercelで人間をやめるぞ、ジョジョー！👺
taishiyade
5
3.9k
GAEログのコスト削減
mot_techtalk
0
120
JavaScriptツール群「UnJS」を5分で一気に駆け巡る！
k1tikurisu
9
1.8k
ARA Ansible for the teams
kksat
0
150
GoとPHPのインターフェイスの違い
shimabox
2
170
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…？
maroon1st
1
180
Pulsar2 を雰囲気で使ってみよう
anoken
0
230
Conform を推す - Advocating for Conform
mizoguchicoji
3
690
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
220
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
4
1.3k
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
120

Featured

See All Featured
Bash Introduction
62gerente
610
210k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Site-Speed That Sticks
csswizardry
3
370
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Speed Design
sergeychernyshev
26
790
Automating Front-end Workflow
addyosmani
1367
200k
Unsuck your backbone
ammeep
669
57k
A designer walks into a library…
pauljervisheath
205
24k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
It's Worth the Effort
3n
184
28k

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