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
Vue・React マルチプロダクト開発を支える Vite
Avatar for ANDPAD inc andpad
0
110
詳解！defer panic recover のしくみ / Understanding defer, panic, and recover
Avatar for convto convto
0
230
AWS発のAIエディタKiroを使ってみた
Avatar for 入井 啓太 iriikeita
1
180
250830 IaCの選定~AWS SAMのLambdaをECSに乗り換えたときの備忘録~
Avatar for Takumi Abe east_takumi
0
390
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
Avatar for mazrean mazrean
1
250
Kiroで始めるAI-DLC
Avatar for kaonash kaonash
2
580
Cache Me If You Can
Avatar for RyuNen344 ryunen344
2
650
奥深くて厄介な「改行」と仲良くなる20分
Avatar for おぐえもん oguemon
1
510
はじめてのMaterial3 Expressive
Avatar for yume ym223
2
250
Improving my own Ruby thereafter
Avatar for monochrome sisshiki1969
1
160
print("Hello, World")
Avatar for 高見龍 eddie
2
530
Putting The Genie in the Bottle - A Crash Course on running LLMs on Android
Avatar for Iury Souza iurysza
0
140

Featured

See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
131
19k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.6k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.4k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
The Language of Interfaces
Avatar for Des Traynor destraynor
161
25k

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