Vous connaissez sûrement le site
CSS Zen Garden, un site dédié entièrement au webdesign.
Il montre la puissance du CSS, grâce à une page web HTML unique mais un CSS différent à chaque fois.
Au départ le site ne présentait que 5 CSS différents et il en compte aujoud'hui 150!
Ce qui fait la réputation du Zen Garden, c'est surtout l'excellente qualité des feuilles de style présentées et leur professionalisme.
Je me suis recemment procuré le livre écrit par leur fondateurs, Dave Shea et Molly E.Holzschlag, 300 pages très instructives !
Tout est en anglais, et disponible en import (voir lien à la fin de l'article).
Présentation de l'éditeur
Le design en CSS est-il forcément synonyme de design rébarbatif ?
Persuadé du contraire, Dave Shea a voulu mettre fin aux idées reçues en prouvant que les CSS pouvaient être un allié de poids
pour les designers, tant en matière de créativité, que d'efficacité et de flexibilité.
En mai 2003, il lance le site CSS Zen Garden (www.csszengarden.com).
L'idée est simple et élégante : proposer un code HTML bien écrit à des designers pour qu'ils exercent leur talent et mettent en oeuvre leur imagination pour créer des designs en CSS, puis mettre ces réalisations en ligne à la disposition de tous.
Depuis ses modestes débuts, Zen Garden a bien grandi et compte aujourd'hui plus de 150 designs reçus du monde entier.
Le site s'est imposé comme la référence du design de haute qualité en CSS dans toute la communauté des développeurs et designers web.
Dans le Zen des CSS, Dave Shea et Molly Holzschlag vous font voyager à travers 36 des meilleures contributions à Zen Garden en détaillant le processus d'élaboration, les outils et le code utilisé derrière chaque design.
Vous y découvrirez :
- de superbes exemples de designs web en CSS
- des astuces pour égayer un design à l'aide de la typographie
- de judicieux détournements et des techniques pour assurer la pérennité de vos CSS
- de précieux conseils pour réduire le temps de téléchargement des images
- les secrets des CSS des plus grands noms du design et développement web
Au sommaire :
- Introduction
- Code source
- Design
- Mise en page
- Images
- Typographie
- Effets spéciaux
- Reconstruction
- Le mot de la fin
Ma critique personnelle
Ce livre est tout simplement excellent,
autant pour les graphistes que pour les developpeurs.
Il reprend le processus de création d'une page web de bout en bout et permet de connaître les agencements que l'on peut faire ou ce qu'il est très difficile à intégrer.
La plupart des problèmes recurrents à la création sont traités : site à 3 colonnes et footer, optimisation des images, placement, différence de navigateurs ...
Des solutions sont données ainsi que le raisonnement et les explications qui vont avec.
De ce point de vue, il pourrait faire partie de la série "Pour les Nuls", puisqu'il reprend tout depuis le point 0.
Le must du must reste tout de même
les multiples exemples de qualité !
Les design présentés sont tous pro et chacun fait l'objet d'une étude de cas poussée aussi bien au niveau des choix de layout que de typographie.
Chaque exemple illustre une technique employée en particulier et les exemples sont regroupés en grande famille (voir sommaire plus haut).
The Zen of CSS Design donne aussi beaucoup d'adresses internet complémentaires, comme des banques d'image libres de droit pour agrémenter votre design par exemple.
Après la lecture de ce livre, vous pourrez comprendre n'importe quelle feuille de style facilement (la manière dont les blocs sont agencés, où se situe le code que vous cherchez ...).
Bien sûr, ce n'est pas en français mais cela reste très compréhensible avec un niveau d'anglais correct.
Si vous avez des amis graphistes ou tous simplement passionnés par le design / développement, cela fera
un parfait cadeau de noël !
