Réaliser une maquette web avec le CSS 3

Apr 032010
 

Le CSS depuis sa version 3 constitue une bonne évolution technologique pour palier l’utilisation abusive d’images dans la réalisation d’une application web.

Il n’est ainsi plus nécessaire de recourir à des images pour réaliser des ombres, des dégradés, des bordures arrondis ou encore utiliser des polices spécifiques.

L’avenir du CSS3 nous promet encore plus : il est d’ores et déjà possible sur certains navigateurs d’effectuer des animations, des transitions, des effets de reflets,… sans devoir recourir au javascript, au canvas ou, pire encore, au flash.

Continue reading »

SASS : l'évolution du CSS pour Play, Rails ou autres

Mar 142010
 

SASS, Syntactically Awesome Stylesheets, est un langage de feuille de style évolué qui permet de factoriser beaucoup de code css et de rendre son écriture et sa maintenance rapide et moins contraignante. Il est compilé en css.

Pourquoi utiliser SASS ?

Son utilisation a de nombreux avantages par rapport au CSS :

  • sa simplicité (pas de crochets, pas de point virgule mais juste de l’indentation)
  • l’imbrication des sélecteurs css (appliquant l’idée DRY : don’t repeat yourself)
  • l’utilisation de variables
  • l’utilisation d’opérations élémentaires (sur les pixels, les couleurs, …)
  • la factorisation du code (au lieu de faire des copier-coller, on peux factoriser le code à travers les “mixins”).
  • La réduction css et la clarté du code
  • La compression du code compilé avec la possibilité de tout mettre dans un fichier (via l’héritage) et de minimifier le code css.

Ce langage n’est pas difficile à apprendre, cela ressemble au css, avec de nombreuses fonctionnalités intéressantes en plus.

Continue reading »