Rechercher dans ce blog

Chargement...

jeudi 3 janvier 2013

SFEIR'Plays - Transcendez vos développements CSS3 avec Sass et OOCSS

Un duo de choc pour cette soirée Sfeir’s Plays CSS3, vous allez repartir avec une autre vision du CSS !

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.

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