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

Future Friendly CSS

Future Friendly CSS

Maxime Thirouin

April 04, 2013
Tweet

More Decks by Maxime Thirouin

Other Decks in Technology

Transcript

  1. VOUS AVEZ Une feuille ? Des selecteurs à rallonges ?

    Des propriétés à surcharger trop souvent ? De la soupe de propriétés ? 5 . 2
  2. 1 # NOMMER Une grosse partie du boulot de développeur

    est de trouver de bon nom. Qui parle. 1. Il vaut mieux trop que pas assez. 2. Le nom ne doit pas dépendre du style. 14 . 1
  3. # THE WAY TO GO .widget {} .widget__title {} .widget__title­­smaller

    {} .widget__body {} .widget__body­­large {} 14 . 4
  4. REUTILISEZ Il faut "juste" une bonne librarie (de mixins éventuellement)

    Compass (le gros et ses plugins) ou Fonzie (les petits) + La votre... 15 . 3
  5. 3 # DECOUPER On ne doit pas deviner la structure

    HTML dans vos CSS. Parce qu'on s'en balance. CSS ne doit pas dépendre d'une structure HTML 16
  6. NETTOYER VOS CSS ! BY @MOOX ON & / MAXIME

    THIROUIN / TWITTER GITHUB MOOX.IO 19