"…mais ce serait peut-être l'une des plus grandes opportunités manquées de notre époque si le logiciel libre ne libérait rien d'autre que du code…"

En vrac: quelques liens sur CSS

Posted by patrick sur mai 29, 2007

Encore un excellent article (« Des CSS de qualité) de David Larlet sur la critique du non moins excellent livre « CSS 2 Pratique du web design » de Raphaël Goetter.

J’ai les 2 versions du livre, la dernière étant une mise à jour par rapport à IE7 (apparemment non assez détaillée pour David qui est développeur Web)

Voici les extraits qui m’ont intéressé:

  • – les sites de layouts pullulent, LayoutGala est pas trop mal pour ça, tout dépend de vos besoins.
  • Styleguide et template : le duo gagnant : je n’arrive plus à trouver le lien original sur la définition d’un styleguide en CSS mais concrètement ça ressemble à ça, il s’agit de rassembler sur une même page tout les éléments utilisés et d’afficher leur style. C’est bien différent du template qui est généralement représentatif du layout du site et qui ne contient pas forcément tous les éléments stylés ;
  • Utilisez les propriétés générales : utilisez font, padding, margin et non font-family, margin-left, padding-bottom par exemple, c’est assez bien documenté ailleurs ;
  • Utilisez la cascade : c’est ce que l’on oublie bien souvent lorsque l’on a la tête dans le guidon mais il est souvent possible avec du recul d’optimiser la structure et donc sa mise en forme en les simplifiant, en enlevant les class ou les div inutiles. Vous pouvez aussi appliquer des propriétés générales à des éléments d’un niveau supérieur pour éviter les répétitions ;
  • Compressez tout ça : le navigateur ne voit pas la différence mais l’utilisateur oui en téléchargeant plus rapidement la feuille de style alors pourquoi s’en priver ? Il existe de nombreux outils qui sont heureusement comparés sur cette page. J’utilise généralement CleanCSS car CSS Compressor m’enlève bien souvent trop de styles (n’oubliez pas de tester à nouveau vos pages après la compression !) et puis CleanCSS dit ce qu’il fait donc vous pouvez corriger les problèmes à la source ce qui est tout de même plus pratique.

Conclusion de David:

Bon même en limitant les liens ça en fait pas mal… en voici encore quelques uns qu’il ne faut pas louper :

En attendant peut-être un jour un véritable framework CSS digne de ce nom

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

 
%d blogueurs aiment cette page :