CSS 2 : Pratique du design web - Retours de lecture

Merci pour cette excellente initiative TriadPtale et pour tes commentaires.

Je rappelle à ce propos que les sites Eyrolles, Amazon et Fnac.fr laissent la possibilité aux gens de laisser une note et un commentaire.
Je pense que si le livre affichait de bons commentaires, cela inciterait beaucoup les gens à se décider à le lire.
Si vous avez 2min à passer sur ces sites pour y laisser votre avis, c'est gratuit et ce sera certainement fructueux.
Modifié par Raphael (20 Jun 2005 - 10:42)

La critique de Maurice Svay :
http://www.svay.com/blog/index/2005/06/17/267-revue-du-livre-css2-pratique-du-design-web

mauriz a écrit :

Comme promis, je me suis empressé de lire le livre de Raphaël pour savoir s'il faut le conseiller ou non (les plus pressés peuvent aller l'acheter les yeux fermés).

Tout d'abord, j'ai eu un peu de mal à le trouver ce premier jour de sortie. J'ai fait un tour à la fnac mais apparemment ils ne l'avaient pas encore sorti des cartons. Je vais donc dans une autre librairie mais là, même pas en stock. J'ai finalement réussi à me le procurer chez Virgin dans un rayon informatique aussi peu fourni que bien caché.

L'ouvrage fait un peu plus de 200 pages, la mise en page est claire et le format assez grand pour rendre agréable la lecture. La couverture est souple et le papier de bonne qualité, même si ma page 172 est étrangement froissée (scandale!).

Tout commence par la préface d'Élie Sloïm qui permet de situer le couple CSS/XHTML dans une démarche qualitative pour le web. Sans en faire des technologies «miracles», Élie explique bien comment elles font évoluer la conception Web.

Le livre en lui-même se divise en quatre parties:

* Standards HTML et XHTML, quelle différence ?
* Les feuilles de style CSS
* Travaux pratiques
* Mise en oeuvre dans un projet professionnel

Raphaël adopte un cheminement progressif et clairement pratique. Le lecteur est doucement amené vers la réalisation d'une page web complète qu'il réussira avec succès en suivant les chapitres. Il faut noter que la couleur est annoncée dès le début, pas question de présenter de manière théorique les CSS, ici les différents problèmes de compatibilité sont pointés et des solutions pragmatiques sont proposées.
Standards HTML et XHTML, quelle différence ?

Cette première partie plonge le lecteur dans l'univers des standards, essayant de le détacher petit à petit des mauvaises pratiques. L'enjeu de la standardisation est bien expliqué et on comprend rapidement qu'une bonne structure est nécessaire pour la suite. Le sujet des DTD est rapidement abordé pour permettre de créer rapidement un premier document XHTML. Seul point manquant, le problème lié au prologue XML, mais comme annoncé au début, le livre n'est pas consacré à XHTML. Ce chapitre introduit le fil conducteur des deux chapitres suivants: la création d'une première page web (consacrée à l'Alsace) à l'aide de XHTML et CSS.
Les feuilles de style CSS

C'est dans ce deuxième chapitre qu'il est vraiment question de CSS. Les bases de la syntaxe sont posées, explicitant par la même occasion des termes comme «sélecteur» ou «règle CSS». Il se poursuit par ce qui intéresse les lecteurs débutants, c'est-à-dire les propriétés principales de mise en forme que sont les couleurs, la typographie, les bordures, les couleurs et images d'arrière-plan et enfin le positionnement. On remarquera un passage intéressant sur le choix des couleurs (dommage que le livre soit en noir et blanc, aveu même de l'auteur) et la reprise d'un billet déjà paru sur le blog Alsacréations concernant les maladies exotiques des CSS. Il ne faudra pas rater non plus l'explication sur les différents modèles de boîte pour comprendre les différences qui peuvent survenir. Je pense que ce chapitre aurait pu aborder le problème de fusion des marges ou bien le concept de cascade (fondamental) même si l'idée d'héritage est égrainée tout au long du livre.
Travaux pratiques

Les exercices proposés permettent d'utiliser les connaissances fraîchement acquises dans des situations fréquemment rencontrées:

* centrage
* préchargement d'images
* lettrines
* effet au survol (rollover)
* menu de navigation (qui permettent d'aborder le problème de remplacement par

des images par la même occasion)

* les blocs aux coins arrondis.

Ces quelques exercices bien choisis permettent d'utiliser beaucoup de propriétés et de confronter le lecteur à des problématiques qu'il devra résoudre dans l'esprit des CSS. La manière de concevoir une page avec des CSS diffère radicalement d'une mise en page à base de tableaux. Le lecteur doit donc se livrer à une petite gymnastique intellectuelle pour s'approprier cette nouvelle façon de faire. Heureusement, les exemples de code largement disséqués permettent de reproduire les exemples sans problème.
Mise en oeuvre dans un projet professionnel

La dernière partie abandonne les petits exemples pour s'attaquer à une mise en page plus professionnelle. Et cela commence par le découpage des tâches rendu possible par XHTML et CSS qui est suivi du choix des outils (''les puristes ne se contentent pas de Notepad!'' NDLA). Il s'agit là de reproduire la page qui sert de vitrine au livre. Si les chapitres précédent ont été assimilé, aucun doute que cet ultime exercice ne posera aucun problème. Raphaël finit par l'évocation des sélecteurs de style (en Javascript ou PHP) ainsi que les feuilles de style pour l'impression.

Les (nombreuses) dernières pages contiennent des annexes bien fournies:

* référence du langage CSS
* quelques modèles de mise en page
* une liste de sites conformes (issue du forum Alsacréations)
* une liste de sites web (j'y suis!)
* une grille complète sur les compatibilités
* une webographie

Si je devais résumer, je dirais que Raphaël réussit à amener des concepts complexes de CSS d'une manière progressive et ludique (avec des exercices et quelques quizz). On retrouve bien le tonalité du blog Alsacréation, c'est à dire du pragmatisme et de la pratique, ponctuée de rappels des bonnes pratiques. Pour le débutant, cet ouvrage lui permettra de se mettre au couple XHTML/CSS en évitant les pièges récurrents et en cernant les problèmes liés au fait que ces technologies arrivent à peine au stade industriel. Pour ceux qui sont déjà convaincus, il permettra d'avoir toujours sous la main des exemples de codes bien expliqués et des tableaux de référence. C'est un excellent livre que je recommande.

Voici ma critique :

a écrit :


Le livre se décompose en 4 parties, les 120 premières pages décrivent l'aspect théorique de CSS et XHTML, on y retrouvera comment séparer le contenu de la présentation, les bases de la typographie, le positionnement, ... Ensuite l'auteur nous décortiquent des cas concrets, comment centrer un texte, créer un menu dynamique, ? puis on construit un site complet en CSS. Enfin on trouve 50 pages de ressources très utile, dont un tableau des différentes propriétés CSS, un autre sur les compatibilités et quelques sites de référence.
Ce livre est donc destiné principalement aux débutants et ceux qui ont une connaissance moyenne des CSS, les experts trouveront toutefois quelques astuces et les ressources très pratiques.

qui se retrouve ici : http://www.aspfr.com/livres.aspx?ID=11432

et aussi en bas de toutes les pages d'accueil de codes-sources tant qu'il n'y a pas 5 nouvelles critiques (donc pas avant 1 ou 2 mois ...)
Modifié par CyrilCS (27 Jun 2005 - 01:30)

Vero > Tu n'as toujours pas changé de page depuis la dernière photo ???

Bonjour j'en suis à la page 58 et j'ai noté quelques problèmes.
Sur l'errata du site on parle de la page 19 pour la réponse 1994 à la place de 1996 pour la création du w3c. Hors c'est plutot la page 20.

Page 32 : l'exemple sur cette page ne colle pas (ou très mal) avec ce qui précède. On dirait que cette page n'est pas à sa place.

page 48 :
de "on pourra appliquer .... et centré</h2>"
je me pose la question de la priorité. si j'applique 2 classes "sommaire titre2" et que ces 2 classes applique une couleur différente :
.sommaire {
color: red;
}
.titre2 {
color: green;
}
Qu'est ce que cela va donner ?! il faudrait en parler là.


page 49 : le dernier chapitre en bas (les pseudo-éléments : first-letter .... est un peu incompréhensible, la tournure grammaticale est franchement pas top.
Sans parler de ce "first-letter et first-line" qui apparaisse là d'un coup sans trop d'explications ni exemple.

A part ça je m'éclatte et je ne regrette pas un seul instant ce superbe livre. Encore merci.

a écrit :
Qu'est ce que cela va donner ?! il faudrait en parler là.

La dernière s'applique.

a écrit :
Sans parler de ce "first-letter et first-line" qui apparaisse là d'un coup sans trop d'explications ni exemple.

C'est le principe des encadrés