Vous aimeriez être plus productif, gagner du temps et plus d’argent? Aujourd’hui Kevin Huddy nous fait un « Crash Course » sur ses « workflows » et préprocesseurs qu’il utilise!
Il va nous parler de Gulp, Wp-Gulp, SASS, Livre Reload de wordpress hack pour ne pas avoir de fichier minifié sur son environnement de développement et bien sûr on aura du fun en ne se prenant pas trop au sérieux.
Les points discutés
https://www.netflix.com/ca/title/80145240 00:10 Introduction on parle de workflow et de préprocesseurs
00:43 Qu’est-ce qu’un workflow
01:02 Name Dropping d’outils (Sass, Gulp, Live Reload)
02:10 Pourquoi se servir d’un Workflow
02:32 Améliorer l’intercompatibilité des navigateurs grâce aux « autos prefixer »
03:44 Les outils utilisés par Kevin
03:50 SASS
04:16 Les variables dans SASS
04:52 Importation des différents fichiers SASS
06:11 Les variables indispensables dans SASS
07:21 La différence entre CTRL+F et CTRL+H en Windows
08:15 Sass les Mixin
09:33 La mixin « Ocus » de Kevin: https://gist.github.com/kevinhuddy/ca1ef2ddec828bc3314aa5133985391f
10:56 Les fonctions Sass
11:33 CSS grandeurs relatives en em et rem
14:14 Gulp permet de mettre plusieurs librairies JS/Node pour automatiser des processus https://gulpjs.com/
16:10 Live Reload http://livereload.com/
16:53 Minifcation et Concatenation des fichiers
18:10 L’ordre de la concaténation et le diagnostic
20:29 Language qui va par dessus JS
21:15 WP-Gulp https://ahmadawais.com/introducing-wpgulp-an-easy-to-use-wordpress-gulp-boilerplate/
21:40 Génération automatique des fichiers lang (.po et .pot)
22:59 Compression automatique des images du thème (gulp image min)
23:23 Tinypng https://tinypng.com/
23:30 TimThmb librairie https://www.binarymoon.co.uk/projects/timthumb/
24:00 hack pour minimiser les images grâce à un service externe
27:01 Where to start (SASS)
29:27 WordPress hack pour les minifications et concaténation en DEV
31:09 Passer un paramètre debug dans le querystring
34:10 Wrap-up
37:04 Sick Pick
37:10 Sick Pick Kevin Apple Télé+ écoutez la série « See » https://www.apple.com/ca/apple-tv-plus/
39:30 Sick Pick Francis série « Wild Wild Country » de Netflix https://www.netflix.com/ca/title/80145240
43:20 La Plug
43:23 Kevin Service de programmation WordPress White Label. Contactez Kevin: kevin@webmestre.fm
43:53 Francis « La Gagne » service de création de sites web qui se démarque par un design personnalisé. Contactez Francis: francis@webmestre.fm
45:12 Fermeture épique avec un « High 5 »
Sick Picks
Kevin: Apple Télé+ https://www.apple.com/ca/apple-tv-plus/ (série See) https://en.wikipedia.org/wiki/See_(TV_series) https://www.apple.com/ca/apple-tv-plus/
Francis: Série « Wild Wild Country » de Netflix https://www.netflix.com/ca/title/80145240
La Plug
Kevin: Service de programmation WordPress White Label. Contactez Kevin: kevin@webmestre.fm
Francis: « La Gagne » service de création de sites web qui se démarque par un design personnalisé. Contactez Francis: francis@webmestre.fm
Sujets
- 00:10 - Introduction on parle de workflow et de préprocesseurs
- 00:43 - Qu'est-ce qu'un workflow
- 02:10 - Pourquoi se servir d'un Workflow
- 02:32 - Améliorer l'intercompatibilité des navigateurs grâce aux "autos prefixer"
- 03:44 - Les outils utilisés par Kevin
- 03:50 - SASS
- 04:16 - Les variables dans SASS
- 04:52 - Importation des différents fichiers SASS
- 06:11 - Les variables indispensables dans SASS
- 07:21 - La différence entre CTRL+F et CTRL+H en Windows
- 08:15 - Sass les Mixin
- 09:33 - La mixin "Ocus" de Kevin: https://gist.github.com/kevinhuddy/ca1ef2ddec828bc3314aa5133985391f
- 10:56 - Les fonctions Sass
- 11:33 - CSS grandeurs relatives en em et rem
- 14:14 - Gulp permet de mettre plusieurs librairies JS/Node pour automatiser des processus https://gulpjs.com/
- 16:10 - Live Reload http://livereload.com/
- 16:53 - Minifcation et Concatenation des fichiers
- 18:10 - L'ordre de la concaténation et le diagnostic
- 20:29 - Language qui va par dessus JS
- 21:15 - WP-Gulp https://ahmadawais.com/introducing-wpgulp-an-easy-to-use-wordpress-gulp-boilerplate/
- 21:40 - Génération automatique des fichiers lang (.po et .pot)
- 22:59 - Compression automatique des images du thème (gulp image min)
- 23:23 - Tinypng https://tinypng.com/
- 23:30 - TimThmb librairie https://www.binarymoon.co.uk/projects/timthumb/
- 24:00 - hack pour minimiser les images grâce à un service externe
- 27:01 - Where to start (SASS)
- 29:27 - Wordpress hack pour les minifications et concaténation en DEV
- 31:09 - Passer un paramètre debug dans le querystring
- 34:10 - Wrap-up
- 37:04 - Sick Pick
- 37:10 - Sick Pick Kevin Apple Télé+ écoutez la série "See" https://www.apple.com/ca/apple-tv-plus/
- 39:30 - Sick Pick Francis série "Wild Wild Country" de Netflix https://www.netflix.com/ca/
- 43:20 - La Plug
- 43:23 - Kevin Service de programmation Wordpress White Label. Contactez Kevin: kevin@webmestre.fm
- 43:53 - Francis "La Gagne" service de création de sites web qui se démarque par un design personnalisé. Contactez Francis: francis@webmestre.fm
- 45:12 - Fermeture épique avec un "High 5"
Comments are closed.