Un duo de choc pour cette soirée Sfeir’s Plays CSS3, vous allez repartir avec une autre vision du CSS !
Au programme :
Au programme :
- CSS3 avancés, transitions et layouts (Vincent de Oliveira)
- Sass et CSS Orienté Objet (Jonathan Verrecchia)
En guise d’introduction, Vincent de Oliveira nous présentera les sélecteurs CSS3 avancés, quelques effets graphiques simples comme les ombres, les dégradés, la transparence ainsi que les animations et transitions pour enfin nous expliquer comment faire du positionnement avancé avec les layouts table-cell, flex-box et grid.
Ces effets CSS3 peuvent arracher un “Wouaaw !” à un internaute face à votre page HTML, mais on peut très bien entendre un “ Pitié, j’ai pas envie de mettre mon nez la dedans ;( ” d’un développeur Web face à une feuille de style de 3 km de long.
Écrire des feuilles de style lisibles et maintenables a toujours été un calvaire : beaucoup de répétition, pas de structure, très verbeux et sujet à beaucoup d’erreurs.
Heureusement de nouveaux outils et techniques de développements ont vu le jour et viennent à la rescousse des développeurs et designers Web.
Tandis que les pré-processeurs tels que Sass (Syntaxically Awesome Stylesheets) apportent des notions salvatrices telles que les variables, les fonctions et l’héritage, le CSS Orienté Objet (OOCSS) encourage la réutilisabilité du code, rendant celui-ci plus rapide à écrire, plus lisible et donc plus maintenable.
Jonathan Verrecchia va vous expliquer comment ces deux technologies fonctionnent et comment les combiner ensemble pour rendre vos développements CSS plus élégant, plus efficace et plus performant.
Ces effets CSS3 peuvent arracher un “Wouaaw !” à un internaute face à votre page HTML, mais on peut très bien entendre un “ Pitié, j’ai pas envie de mettre mon nez la dedans ;( ” d’un développeur Web face à une feuille de style de 3 km de long.
Écrire des feuilles de style lisibles et maintenables a toujours été un calvaire : beaucoup de répétition, pas de structure, très verbeux et sujet à beaucoup d’erreurs.
Heureusement de nouveaux outils et techniques de développements ont vu le jour et viennent à la rescousse des développeurs et designers Web.
Tandis que les pré-processeurs tels que Sass (Syntaxically Awesome Stylesheets) apportent des notions salvatrices telles que les variables, les fonctions et l’héritage, le CSS Orienté Objet (OOCSS) encourage la réutilisabilité du code, rendant celui-ci plus rapide à écrire, plus lisible et donc plus maintenable.
Jonathan Verrecchia va vous expliquer comment ces deux technologies fonctionnent et comment les combiner ensemble pour rendre vos développements CSS plus élégant, plus efficace et plus performant.
Edit :
Les slides des présentations sont disponibles :
Récupérer la présentation d'Olivier sur CSS3 avancés, transistions et layouts
Récupérer les slides de la présentation OOCSS et Sass de Jonathan
Les présentations ont été filmées en direct avec Google HangOut.
Les vidéos sont disponibles sur SfeirTube :
- CSS3 avancés, transistions et layouts
- Sass et OOCSS
Les slides des présentations sont disponibles :
Récupérer la présentation d'Olivier sur CSS3 avancés, transistions et layouts
Récupérer les slides de la présentation OOCSS et Sass de Jonathan
Les présentations ont été filmées en direct avec Google HangOut.
Les vidéos sont disponibles sur SfeirTube :
- CSS3 avancés, transistions et layouts
- Sass et OOCSS
Aucun commentaire:
Enregistrer un commentaire