IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Conception générale de sites web

10 livres et 14 critiques, dernière mise à jour le 4 septembre 2022 , note moyenne : 4.3

  1. Responsive Web Design avec HTML 5 et CSS 3
  2. HTML5 et CSS3 - Maîtrisez les standards des applications Web
  3. HTML&CSS - Design et création Web
  4. Présentation Zen Design - Principes simples de design pour des présentations plus efficaces
  5. CSS Mastery - Advanced Web Standards Solutions
  6. XHTML et CSS 2 - L'essentiel du code et des commandes
  7. Introduction au Design Web
  8. Design web : utiliser les standards - CSS et XHTML - 2e édition
  9. Design web : utiliser les standards - CSS et XHTML
  10. [ Re ] design web [2.0] - Conduite de projet
couverture du livre Responsive Web Design avec HTML 5 et CSS 3

Note 3.75 drapeau
Détails du livre
Sommaire
Critiques (2)
3 commentaires
 
 

Responsive Web Design avec HTML 5 et CSS 3

de
Traducteurs : Nathalie Nicoletis
Public visé : Intermédiaire

Résumé de l'éditeur

Créez ou adaptez votre site web pour tous les navigateurs, écrans TV et PC, tablettes et smartphones !

Alors que les usages de navigation sur Internet se multiplient, les sites web restent bien souvent inadaptés à l'écran ou au matériel avec lesquels ils sont consultés. La mise en page des sites reste fixe, le texte est peu lisible, les temps de chargement s'alourdissent, ainsi que parfois les coûts de développement… Avec les principes du Responsive Web Design, développez des sites dont la mise en page s'adaptera de façon harmonieuse et esthétique à tous les supports de navigation !

Grâce aux leçons de cet ouvrage, vous développerez des sites web réactifs ou améliorerez vos sites existants. Vos pages web s'afficheront de façon esthétique sur tous les types et tailles d'écrans, votre code sera plus facilement maintenable, et vous ne perdrez plus de temps et de coûts de développement à créer des versions mobiles de vos sites. Vous maîtriserez facilement les techniques de design avancées (grilles fluides, images flexibles, media queries) et apprendrez à vous servir des nouveautés de HTML5 et CSS3 pour améliorer l'expérience utilisateur de votre site (balises sémantiques, médias, transitions, transformations, animations, ombres, typographie, etc.), quel que soit l'écran ou le support avec lequel il sera consulté, avec un appareil d'aujourd'hui ou de demain.

Cet ouvrage s'adresse à tous les développeurs, intégrateurs ou designers web qui souhaitent apprendre les techniques pour créer ou adapter des sites en Responsive Web Design.

Édition : Pearson France - 288 pages, 1re édition, 15 février 2013

ISBN10 : 2744025674 - ISBN13 : 9782744025679

Traduction du livre Responsive Web design with HTML5 and CSS3 publié en 2012 aux éditions Packt Publishing

Commandez sur www.amazon.fr :

28.45 € TTC (prix éditeur 29.95 € TTC) livraison gratuite !
  1. Introduction à HTML5, CSS3 et au responsive web design
  2. Media queries : gérer différentes zones de visualisation
  3. Adopter les mises en page fluides
  4. HTML5 pour les designs réactifs
  5. CSS3 : sélecteurs, typographie et modes de couleurs
  6. Superbes effets esthétiques avec CSS3
  7. Transitions, transformations et animations avec CSS3
  8. À la conquête des formulaires avec HTML5 et CSS3
  9. Résoudre les défis liés à la compatibilité des sites réactifs avec tous les navigateurs
Critique du livre par la rédaction prenom nom le 6 novembre 2013
J'ai lu la traduction française du livre « Responsive Web Design avec HTML 5 et CSS 3 » de Bain Frain.

Ce petit livre est une introduction au Responsive Web Design. Il explique les objectifs de cette conception et les notions sous-jacentes : grille d'affichage flexible qui ne dépend pas d'une définition donnée, médias flexibles qui ne débordent pas de leur conteneur et ensemble de règles CSS basées sur Media Queries pour appliquer des règles CSS suivant certaines conditions.

Le point fort du livre, c'est l'exemple de site qui sert de fil conducteur tout au long des différents chapitres. J'ai particulièrement aimé la transformation d'un design fixe en design proportionnel.

Le point faible, ce sont quelques erreurs au niveau de certaines propriétés CSS et certains choix de l'auteur qui sont discutables, mais rien de rédhibitoire pour le lecteur qui sait prendre un peu de recul.

En conclusion, si vous souhaitez découvrir l'adaptation d'un site concret en Responsive Web Design, ce livre devrait vous intéresser.
Critique du livre par la rédaction David Bleuse le 17 juillet 2018
Depuis la mise sur le marché de l'iPhone d'Apple, le développement croissant de la navigation mobile est allé de pair avec une sophistication accrue des appareils, de sorte qu'il est aujourd'hui naturel de consulter n'importe quel site web indifféremment depuis son ordinateur de bureau à écran large ou son téléphone portable.

Les fabricants de navigateurs mobiles ont pris cette réalité en compte en faisant en sorte que ces derniers réduisent proportionnellement aux dimensions de l'appareil une page web supposée conçue pour un grand écran. Cependant, une telle fonctionnalité n'est qu'un pis-aller qui ne permet pas d'offrir à l'utilisateur une expérience satisfaisante (chap. 1 §1).

La solution idéale, au dire de l'auteur, réside dans le développement d'un « site web mobile » tirant profit de toutes les possibilités techniques de l'appareil (chap. 1 §2). Celle-ci présente néanmoins l'inconvénient majeur d'être complexe et coûteuse à mettre en œuvre.

Si le budget est limité, le meilleur compromis consistera à réaliser un site au design fluide s'adaptant à toutes les largeurs d'écran (chap. 1 §5 et 10). En outre, le recours aux dernières versions des standards du Web, autrement dit HTML5 et CSS3, permettra de réduire le nombre et la taille des ressources à charger pour les appareils mobiles, dont la bande passante est limitée (chap. 1 §4).

La description de cette stratégie en deux parties constitue le cœur du livre qui s'attache également à nous montrer comment tirer profit des autres fonctionnalités introduites par HTML5 et CSS3.

Construire pour tous les écrans

L'article fondateur d'Ethan Marcotte, publié en 2010, sur lequel le livre s'appuie, combine trois techniques pour rendre un design fluide (chap. 1 §3).

Partant du principe qu'un dessin vaut mieux qu'un long discours, l'auteur a choisi de nous montrer comment fonctionnent ces dernières en les appliquant directement à un exemple en vraie grandeur, celui d'une authentique page d'accueil (d'un site humoristiquement oscaro-sceptique !) (chap. 2 §4).

Abordant le problème de manière volontairement empirique, l'auteur part d'une maquette réalisée pour un grand écran à l'aide d'une grille CSS (chap. 3 §8) qu'il désire, avant toute chose, adapter à une tablette (chap. 2 §6 et 7) en recourant aux media queries (chap. 2 §1).

À cette occasion, il n'oublie pas de nous avertir de désactiver l'auto-redimensionnement des pages web effectué par défaut par les navigateurs mobiles. La déclaration à insérer dans le fichier HTML est particulièrement bien décrite. En revanche, son équivalent CSS n'est que rapidement évoqué dans une note, celui-ci ne bénéficiant, à la date de rédaction du livre, que d'un support limité (chap. 2 §5).

Mais les media queries utilisées seules ne permettent de définir un design que pour un nombre limité d'appareils (chap. 2 §8).

La conversion, dans un deuxième temps, des unités fixes en unités proportionnelles, grâce à une formule simple que l'auteur applique aux dimensions des différentes zones constitutives de la page d'accueil (chap. 3 §3), nous permet d'obtenir un design véritablement universel, s'ajustant à merveille à l'ensemble des écrans dont la largeur est située entre deux points de rupture (chap. 3 §1 et 2).

La méthode d'explication par l'exemple adoptée par l'auteur se révèle particulièrement efficace lorsqu'il s'agit de nous montrer les résultats que permettent d'obtenir les unités proportionnelles appliquées aux tailles des caractères (chap. 3 §4).

Troisième pilier du responsive web design, les images fluides sont particulièrement bien traitées dans l'ouvrage. Celui-ci démontre, en effet, que dans certains cas, il est pertinent d'affecter une valeur (en pourcentage, voire en pixels) différente de celle de 100% que l'on attribue usuellement à la propriété max-width pour que l'image recouvre toute la largeur de son contenant (chap. 3 §5).

De plus, l'ouvrage ne s'arrête pas aux images puisqu'il nous montre comment appliquer la même règle afin de redimensionner les vidéos hébergées localement (élément video) ou le plugin jQuery FitVids à l'intention de celles hébergées à distance (élément iframe) (chap. 4 §9).

Enfin, en allant un peu plus avant dans l'exploration des media queries, on découvrira que la souplesse de ces dernières rend possibles les ajustements les plus subtils (chap. 3 §7) ou la prise en compte d'autres caractéristiques des appareils telles que la résolution de l'écran (chap. 2 §2 et 3, chap. 9 §5).

Tenir compte des capacités limitées des appareils

Si la réalisation d'un design fluide constitue une étape essentielle dans l'adaptation d'un site web aux appareils mobiles, elle ne répond cependant pas à l'ensemble des contraintes imposées par ces derniers. En effet, la taille réduite de l'écran n'est pas la seule limitation inhérente à ces appareils : la bande passante nettement inférieure à celle des ordinateurs de bureau nécessite de diminuer autant que possible le nombre et le poids des ressources externes.

En contradiction avec ce dernier principe, la technique des images fluides, cependant essentielle, comme on vient de le voir, à l'échafaudage d'un design fluide : celle-ci impose, en effet, aux appareils mobiles de charger des images plus grandes que nécessaire sous peine de voir celles-ci agrandies dans les écrans plus larges avec, pour conséquence, une netteté amoindrie. Un script comme Adaptive images, dont l'auteur nous détaille, étape par étape, l'installation et le paramétrage, contourne cette difficulté en permettant le chargement automatisé d'images à la taille adéquate pour les différentes dimensions d'écran (chap. 3 §6).

Quant aux images d'arrière-plan, on peut dorénavant s'en passer, purement et simplement : les valeurs-fonctions linear-gradient et radial-gradient, dont l'auteur nous livre les clés, exemples et illustrations à l'appui, pour réaliser des motifs simples (chap. 6 §6, 7 et 9) ont été adoptées par des designers professionnels qui ont su en exploiter toutes les ressources pour produire des motifs aussi sophistiqués qu'élégants à partir de quelques lignes de code (moins d'1 Ko pour la plupart d'entre eux !) disponibles sur la Toile (chap. 6 §8).

Les nouvelles propriétés CSS3 peuvent de même suppléer les images pour apporter une touche esthétique aux différents éléments d'une page web : l'auteur nous dévoile son propre paramétrage pour, avec text-shadow, obtenir un efficace effet relief (chap. 6 §1 à 4) ; la propriété box-shadow permettra de créer une ombre ou un effet vignette (chap. 6 §5) ; enfin, usant de ces deux propriétés à la fois, alliées à des propriétés CSS plus classiques, l'auteur nous montre, dans le détail, comment habiller un bouton de formulaire (chap. 6 §10).

Une dernière application des images, celle dédiée à la création de polices typographiques personnalisées, est aujourd'hui supplantée par la technique consistant à télécharger celles-ci via la règle @font-face (chap. 5 §8) qui peut aussi être utilisée, selon le même principe, pour importer des icônes (chap. 6 §13). Cependant, dans le premier cas, le résultat obtenu ne correspond pas toujours à celui attendu, mais l'auteur, qui a lui-même été confronté à cette difficulté, nous explique comment la surmonter en une ligne de code (chap. 5 §9).

Certains contenus ou effets requérant jusqu'à présent l'emploi de code JavaScript ou de technologies tierces sont si naturellement présents dans les pages web qu'ils ont depuis été pris en compte par HTML ou CSS et sont aujourd'hui gérés par ces derniers de manière native. Il s'agit en particulier du multimédia (chap. 4 §7 et 8), des interfaces de saisie et mécanismes de validation des champs de formulaire (chap. 8 §1, 2, 3 et 5), et des animations : si l'auteur présente quelques transformations et animations 2D (chap. 7 §1, 2 et 4), il n'aborde, en revanche, les transformations 3D que sous la forme d'un exemple, celui de l'affichage du verso d'une image au survol de souris (chap. 7 §3).

Les économies rendues possibles par les dernières évolutions des standards du Web portent non seulement sur les ressources externes mais également sur le code HTML lui-même.

Ainsi, certains effets esthétiques ne pouvaient jusqu'alors être obtenus sans l'insertion, à cette seule fin, dans le fichier HTML, d'éléments dépourvus de valeur sémantique. Reposant sur ce principe, la technique des « portes coulissantes », servant à créer des coins arrondis (chap. 1 §7), ou celle utilisant des containers pour insérer plusieurs images d'arrière-plan peuvent dorénavant être avantageusement remplacées par une simple mise en application des propriétés CSS respectives border-radius (chap. 1 §8 et chap. 5 §3) et background dans sa version améliorée (chap. 6 §11).

De même, les propriétés CSS3 de multicolonnage permettent de créer un design qui ne pouvait naguère être obtenu sans le recours à des balises HTML superflues (chap. 5 §4) ; les nouveaux sélecteurs CSS3 de sélectionner plus finement les composants de la page web que l'on souhaite styler, sans qu'il soit besoin d'y faire référence à l'aide de classes, voire de balises créées dans cet unique but (chap. 5 §5 à 7).

Ces économies de code sont sans doute plus significatives et pertinentes que celles que procure la syntaxe allégée autorisée par HTML5 (chap. 1 §6), laquelle a en outre pour inconvénient de pécher par manque de lisibilité (chap. 4 §2).

Tirer profit de fonctionnalités nouvelles

L'introduction par HTML5 de nouveaux éléments de structure rend à présent inutile le code boursouflé servant à restituer la même sémantique que ces derniers à l'aide de balises div génériques, classes et commentaires associés. Il s'agit, là encore, d'une appréciable économie de lignes de code, mais plus important est le gain réalisé en termes de lisibilité au profit aussi bien des développeurs que des navigateurs, lesquels seront ainsi capables de reproduire, à partir de ces éléments, un plan de la page web (chap. 4 §3 et 4).

En outre, ceux-ci pourront, à l'intention des lecteurs d'écran, être complétés par des attributs WAI-ARIA dont l'auteur ne nous montre cependant qu'un seul exemple d'application (chap. 4 §6).

L'enrichissement sémantique d'HTML s'étend aux éléments en ligne, dont la fonction de ceux utilisés à l'origine pour appliquer des styles a été redéfinie (chap. 4 §5).

La distinction entre le fond et la forme est ainsi renforcée, et cette dernière plus que jamais dévolue à CSS (chap. 5 §2) qui, outre les propriétés évoquées plus haut, acquiert dans sa dernière version des fonctionnalités supplémentaires (chap. 6 §12) telles que de nouvelles méthodes pour définir les couleurs (chap. 5 §10).

Enfin, la gestion elle-même des ressources est optimisée grâce à la mise en cache de ces dernières – pilotée par un fichier de paramétrage (manifest), dont le contenu est particulièrement bien détaillé dans l'ouvrage – pour une mise à disposition hors connexion (chap. 4 §10).

Ces différents apports d'HTML5 et CSS3, pour enthousiasmants qu'ils soient, souffrent d'un manque de support par les navigateurs les plus anciens. Pour pallier cet inconvénient, on peut envisager dans un premier temps la mise en place d'une alternative simple lorsque cela est possible (chap. 4 §8, chap. 5 §10), ou le recours à la stratégie de dégradation gracieuse (chap. 9 §1), à condition toutefois que les fonctionnalités non prises en charge ne constituent pas des composantes essentielles de la page web (chap. 5 §1).

Ces solutions se traduisant généralement par un rendu de la page web légèrement différent d'un navigateur à l'autre, il sera peut-être nécessaire, avant de les mettre en œuvre, de convaincre le client que cette imperfection est plus que compensée par le gain en temps de développement qu'elles procurent (chap. 1 §1 et 11). Si, en dépit des efforts déployés pour obtenir l'assentiment du client, ce dernier reste attaché à l'idée d'un design parfaitement identique pour tous les navigateurs, ou si la fonctionnalité en cause a sur le comportement de la page web un impact trop important, l'utilisation de polyfills (chap. 1 §9) deviendra incontournable (chap. 9 §2). L'un d'eux, nommé Webshims Lib, corrige la non prise en charge du contrôle des valeurs saisies dans les champs de formulaire en s'appuyant, pour cela, sur le script Modernizr (chap. 8 §4). Utilisé seul, ce dernier, dont la finalité est de détecter le support des différentes fonctionnalités par les navigateurs, assure en outre celui des éléments de structure HTML5 avec le concours d'un autre script, HTML5 shim, qu'il embarque sur demande (chap. 4 §1).

Les polyfills sont nombreux et, associés à Modernizr, c'est autant de fonctionnalités défaillantes que ces derniers peuvent restaurer, les media queries étant l'exemple le plus notable.

Un script représente cependant une ressource supplémentaire, et son chargement un gaspillage de la bande passante pour les navigateurs bien dotés auxquels il est inutile. Ce dernier problème est heureusement résolu grâce à un autre script, YepNope.js (chap. 9 §3), qui permet de charger les solutions correctives de manière conditionnelle, et dont l'auteur nous montre un exemple d'application détaillé (chap. 9 §4).

En conclusion

Parti pris plutôt original et grande force du livre, les principes du responsive web design et les nouveautés introduites par HTML5 et CSS3 nous sont présentés et expliqués directement à travers leur mise en application dans une page web dont on suit la construction tout au long de l'ouvrage. Les erreurs volontairement commises par l'auteur qui se met dans la peau du développeur novice permettent de mieux mettre en lumière l'importance de certaines règles : la réalisation hâtive de designs aux dimensions figées destinés à deux seuls types d'appareils sera corrigée dans un second temps par l'introduction d'unités proportionnelles.

En passant, l'auteur nous fait part de ses choix ou paramétrages personnels (nombres non arrondis, effet relief) afin de nous aider à tirer des fonctionnalités présentées le plus grand profit.

Un autre mérite important du livre est de ne pas réduire la problématique de la conception d'un design multi-appareils à une simple question de largeurs d'écrans : l'auteur exploite au mieux les capacités d'HTML5 et CSS3, tout en s'aidant de quelques scripts, afin de limiter la quantité de ressources à charger.

On appréciera tout autant le fait que l'auteur, d'une part ne perde pas de vue les contraintes du monde réel – budget et délais serrés, client n'ayant qu'une maquette en tête – qui font qu'une stratégie de responsive web design s'avère plus délicate à mettre en œuvre en pratique qu'en théorie, et que, d'autre part, il nous invite à y répondre avec pragmatisme (grilles CSS, dégradation gracieuse) et pédagogie.

Les « rustines » présentées dans l'ouvrage s'adressant plus précisément à Internet Explorer, elles sont, compte tenu de l'actuelle quasi-disparition de ce dernier du monde des navigateurs, moins indispensables aujourd'hui. L'exposé a néanmoins le mérite de nous inciter à rester vigilants quant à la possible diversité de prise en charge par les navigateurs des fonctionnalités à venir, dans un univers du Web où les spécifications évoluent constamment.

En revanche, les paragraphes traitant des nouveaux éléments HTML5 et propriétés CSS3 sans rapport direct avec le responsive web design, sujet central du livre, devraient, selon moi, être retirés de ce dernier au profit de références à des ouvrages qui leur sont entièrement consacrés, rassemblées dans une rubrique « Bibliographie » dont on regrette l'actuelle totale absence.

On déplorera plus encore le manque de soin apporté à cette édition française : espaces intempestives au sein du code et des URL, traductions françaises indésirables de contenus textuels dans le code et de morceaux d'URL (!), variation dans les commentaires HTML entre deux extraits d'un même code, citations et expressions encadrées par des guillemets droits au lieu de chevrons, etc.

De plus, l'impression en noir et blanc ne permet pas d'apprécier correctement les effets d'opacité et d'ombre illustrés dans le livre.

Ces défauts quant à la forme ne sont cependant pas rédhibitoires – les erreurs d'impression et de traduction sont aisément corrigeables par le lecteur – et compensés autant par le style, qui mettra en confiance le lecteur intimidé par cette méthode nouvelle de conception d'un site web, que par le contenu, où le développeur ayant déjà de bonnes notions du responsive web design trouvera, avec les fonctionnalités CSS3 avancées et certains scripts, de quoi enrichir ses connaissances.




 Commenter Signaler un problème

Avatar de Malick Malick - Community Manager https://www.developpez.com
l 17/07/2018 à 17:52
Bonjour chers membres du Club,

Je vous invite à lire la critique de David Bleuse au sujet du livre Responsive Web Design avec HTML 5 et CSS 3.

Bonne lecture
Avatar de benwit benwit - Rédacteur https://www.developpez.com
l 07/11/2013 à 8:26
Bonjour,

Je viens de lire le livre : "Responsive Web Design avec HTML 5 et CSS 3" de Ben Frain et de poster une note de lecture à cette adresse https://web.developpez.com/livres/in...eb#L2744025674

Créez ou adaptez votre site web pour tous les navigateurs, écrans TV et PC, tablettes et smartphones !

Alors que les usages de navigation sur Internet se multiplient, les sites web restent bien souvent inadaptés à l'écran ou au matériel avec lesquels ils sont consultés. La mise en page des sites reste fixe, le texte est peu lisible, les temps de chargement s'alourdissent, ainsi que parfois les coûts de développement… Avec les principes du Responsive Web Design, développez des sites dont la mise en page s'adaptera de façon harmonieuse et esthétique à tous les supports de navigation !

Grâce aux leçons de cet ouvrage, vous développerez des sites web réactifs ou améliorerez vos sites existants. Vos pages web s'afficheront de façon esthétique sur tous les types et tailles d'écrans, votre code sera plus facilement maintenable, et vous ne perdrez plus de temps et de coûts de développement à créer des versions mobiles de vos sites. Vous maîtriserez facilement les techniques de design avancées (grilles fluides, images flexibles, media queries) et apprendrez à vous servir des nouveautés de HTML5 et CSS3 pour améliorer l'expérience utilisateur de votre site (balises sémantiques, médias, transitions, transformations, animations, ombres, typographie, etc.), quel que soit l'écran ou le support avec lequel il sera consulté, avec un appareil d'aujourd'hui ou de demain.

Cet ouvrage s'adresse à tous les développeurs, intégrateurs ou designers web qui souhaitent apprendre les techniques pour créer ou adapter des sites en Responsive Web Design.
Connaissez-vous ce livre ?
L'avez vous lu ?
Pensez vous le lire ?
Souhaitez-vous ajouter une critique de ce livre sur la page de la rubrique ?
Avatar de benwit benwit - Rédacteur https://www.developpez.com
l 08/11/2013 à 8:45
Citation Envoyé par Muchos Voir le message

Comment le livre articule-t-il le rapport entre HTML et le design? Merci d'avance.
Puisqu'il est évident que le Responsive Design doit cibler de multiples appareils et que les téléphones font partis des dispositifs les moins puissants. Si on arrive à concevoir des sites qui réagissent bien sur mobile, cela devrait être bon pour les autres.

Comme le HTML est la structure du site web.
Pour le mobile, il y a plusieurs points d'optimisation :
Réduire la taille du code HTML : Le nouveau doctype HTLML 5 est moins verbeux. Les nouveaux éléments de structures (header, footer, aside, ...) évitent de multiplier les div traditionnels.
Réduire les besoins en javascript : Les nouveaux inputs html5 peuvent faire des contrôles côté client sans nécessiter de js ... Sans parler du fait qu'un champ tél ou mél appellera le clavier adéquate du mobile.

Voilà où l'HTML intervient. Après, c'est vrai que les media queries de css qui auront un impact plus important.

 
couverture du livre HTML5 et CSS3

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

HTML5 et CSS3

Maîtrisez les standards des applications Web

de
Public visé : Débutant

Résumé de l'éditeur

Ce livre sur le HTML5 et CSS3 s'adresse à toute personne appelée à développer, mettre en place, faire vivre un site web. En effet, pour débuter mais surtout pour progresser dans la conception de sites, il faut inévitablement passer par une bonne compréhension et une bonne maîtrise du code source des applications Web. Le livre est conçu comme un réel outil de formation, pédagogique de la première à la dernière page, abondamment illustré d'exemples et de captures d'écran et constamment à l'affût des éléments réellement pratiques pour le webmestre. Sont ainsi passés en revue le HTML (dans sa dernière version et ses nombreuses nouveautés), les feuilles de style avec l'avancée spectaculaire des CSS3 en termes de présentation des pages web et quelques éléments de JavaScript ? Cet ouvrage n'est surtout pas une encyclopédie exhaustive de ces différentes techniques mais un parcours structuré de celles-ci. Il fournit aux concepteurs débutants, voire plus confirmés, les règles rigoureuses mais essentielles de la conception professionnelle d'un site Web. En effet, l'auteur s'est attaché à encourager l'élaboration d'un code respectueux des prescriptions du W3C et particulièrement de la séparation du contenu (HTML) et de la présentation (feuilles de style CSS) comme le préconise plus que jamais le HTML5. Ces nombreuses nouveautés ne sont prises en compte que par les dernières versions des navigateurs (Internet Explorer 9, Firefox, Google Chrome ou Safari) mais l'auteur a été particulièrement attentif à fournir un code compatible avec des navigateurs moins évolués afin de pouvoir bénéficier dès à présent de ce pas important dans la conception des applications Web. Des éléments complémentaires sont en téléchargement sur le site www.editions-eni.fr.

Édition : ENI - 471 pages, 1re édition, 1er mars 2011

ISBN10 : 2746062429 - ISBN13 : 9782746062429

Livre (broché) - 17 x 21 cm

Commandez sur www.amazon.fr :

28.80 € TTC (prix éditeur 28.80 € TTC) livraison gratuite !
  • Présentation du Html5
  • Premiers éléments de feuilles de style
  • Le texte
  • La structuration du document
  • Les liens
  • Les tableaux
  • Les images et arrière-plans
  • Les balises sémantiques et d'organisation
  • Les formulaires
  • Le multimédia
  • Le dessin 2D
  • La géolocalisation
  • Présentation des feuilles de style
  • Notions de base des CSS
  • La police de caractères
  • Le texte en CSS
  • Les listes et les tableaux
  • Les arrière-plans
  • Les propriétés de boîte
  • Les pseudo-classes
  • Les propriétés d'affichage
  • Les propriétés d'impression
  • Les feuilles de style CSS3
Critique du livre par la rédaction Jean-Michel Ormes le 1er novembre 2012
Ce livre est destiné à tous ceux qui souhaitent appréhender et comprendre le HTML et les feuilles de style CSS. Il est divisé en deux grandes parties : une partie consacrée au langage HTML, et comme vous auriez pu le deviner, une autre partie pour les feuilles de style CSS.

Dans la première partie du livre, l'auteur nous fait redécouvrir les bases du langage HTML, le tout, accompagné de nombreux exemples de code complets illustrés par des captures d'écran. L'auteur s'applique à faire le parallèle entre le HTML4.0 et le HTML5, mettant en évidence ses nouveautés telles que le dessin 2D, les nouvelles balises sémantiques ou encore la géolocalisation, sans oublier de nous rappeler qu'il s'agit d'une technologie qui n'en est qu'à ses débuts.

La seconde partie du livre, dédiée au CSS, suit le même schéma. Allant des notions déjà présentes avant l'apparition du CSS3 jusqu'à ses nouveautés (les nouveaux sélecteurs, les bords arrondis, les polices personnalisées, etc.), là encore, des exemples de code sont également présents tout au long de cette partie afin d'illustrer chaque élément abordé.

En conclusion, j'ai vraiment pris du plaisir à lire ce bon livre que je recommande fortement à tous.


couverture du livre HTML&CSS

Note 4 drapeau
Détails du livre
Sommaire
Critiques (2)
2 commentaires
 
 

HTML&CSS

Design et création Web

de
Traducteurs : Hervé Soulard

Résumé de l'éditeur

Découvrez une nouvelle façon d'apprendre HTML et CSS. Que vous souhaitiez concevoir un site web ou améliorer un site existant, cet ouvrage vous aidera à créer du contenu web attrayant et convivial. Nous savons combien le code peut être intimidant : ouvrez ce livre et vous verrez qu'il se démarque des ouvrages de programmation classiques. Chaque page aborde un nouveau sujet de manière simple et visuelle, avec des explications claires accompagnées de leur code. Vous trouverez également des conseils pratiques sur l'organisation et la conception des pages web. Ce livre vous permettra de créer des sites remarquables et faciles d'utilisation. Aucune expérience préalable n'est requise !

Ce livre est destiné aux designers et développeurs, éditeurs de contenu et créateurs, équipes marketing et e-commerce, blogueurs et passionnés. Vous y apprendrez à écrire du code HTML5 et CSS3, à structurer vos pages et sites web, à préparer vos contenus audiovisuels, à contrôler la typo et la mise en page.

Édition : Pearson Education - 500 pages, 1re édition, 21 septembre 2012

ISBN10 : 274402547X - ISBN13 : 9782744025471

Commandez sur www.amazon.fr :

37.91 € TTC (prix éditeur 39.90 € TTC) livraison gratuite !
  • Structure
  • Texte
  • Listes
  • Liens
  • Images
  • Tableaux
  • Formulaires
  • Balisage autre
  • Flash, vidéo et audio
  • Introduction à CSS
  • Couleur
  • Texte
  • Boîtes
  • Listes, tableaux et formulaires
  • Mise en page
  • Images
  • Mise en page HTML5
  • Procédure et conception
  • Informations pratiques
Critique du livre par la rédaction prenom nom le 12 décembre 2012
Il existe de nombreux ouvrages sur html et css mais celui-ci est le plus beau que j'ai pu voir. Ce n'est donc pas étonnant que son édition originale ait reçu l'Awwward 2012 dans la catégorie Livre. La mise en forme est vraiment la plus-value du livre ; elle le rend très agréable à lire.

Chaque chapitre commence par une présentation du thème abordé et se termine par un résumé qui rappelle les points essentiels. Des doubles pages au style identique structurent le contenu ; on identifie immédiatement les exemples, les pages de référence ou les pages de contexte.

Il est regrettable que quelques coquilles se soient glissées dans le code, surtout que l'ouvrage est clairement destiné à des néophytes qui devront garder un oeil critique s'ils remarquaient des incohérences. Espérons que ce soit corrigé dans de futures éditions, car ce type d'ouvrage très visuel est plutôt rare et mériterait d'être appliqué à d'autres sujets techniques.

Vu la qualité de l'ouvrage et son prix, il constitue en cette période de fin d'année un cadeau idéal pour les personnes qui envisagent d'améliorer leurs connaissances dans la création de contenus pour le Web.
Critique du livre par la rédaction Didier Mouronval le 8 novembre 2012
Avec la prise en charge de plus en plus généralisée de HTML5 et CSS 3 par les navigateurs, beaucoup de livres sont consacrés à ces technologies émergentes. Cela n'est pas injustifié, car ces nouvelles moutures des spécifications apportent énormément de nouveautés qu'il est important de documenter.
Pour autant, il semble que les débutants soient les grands oubliés de cette évolution. En effet, à force de vouloir couvrir l'ensemble de ce qui a été ajouté (et donc de façon partielle puisque les spécifications ne cessent d'évoluer, de se préciser et la prise en charge réelle par les navigateurs est progressive) on en oublierait presque que HTML5 et CSS 3 reprennent aussi les précédentes versions.
De ce fait, un vide assez profond s'est creusé dans la « littérature » entre débuter dans la conception Web et se maintenir à niveau.
C'est précisément ce vide que tente de combler Jon Duckett dans « HTML&CSS. Design et création web ».

Le livre s'adresse aux débutants qui souhaitent apprendre les bases pour créer leur propre site Web, que ce soit en l'écrivant eux-mêmes ou en se basant sur un CMS ou un moteur de blog.

Il commence donc naturellement en présentant les notions de base du HTML : à quoi correspond la notion de balisage, quelle est la différence entre le balisage et le rendu puis une présentation progressive des différentes balises du langage. Le tout étant regroupé en différents thèmes qui permettent d'avancer progressivement dans l'apprentissage et de nombreuses illustrations concrétisant visuellement les points abordés. L'auteur n'hésite pas à présenter d'anciennes façons de coder aujourd'hui obsolètes, mais expliquant pourquoi il est possible de les rencontrer en examinant des sites existants.

Vient ensuite la partie sur CSS. Là encore, l'apprentissage se veut progressif, thématique et visuel grâce à de nombreuses captures d'écran. Malheureusement, passer en revue l'ensemble des capacités et des concepts rendrait le livre trop volumineux, mais l'essentiel y est pour permettre de comprendre le fonctionnement général des feuilles de style.

La dernière partie du livre revient sur les nouveaux éléments de structuration en HTML5 puis à l'étude de certains concepts de Webdesign, en particulier le découpage d'une page sous forme de grille et l'utilisation de bibliothèques CSS basées sur ce concept, avec divers exemples pour appuyer le propos.

Dans l'ensemble, le livre fait bien la part des choses entre les notions fondamentales de HTML et de CSS, les différents éléments de chaque langage et les évolutions récentes de ceux-ci. Si bien que le lecteur se trouve correctement armé pour approfondir son apprentissage.
Bien que facile à lire et bien adapté à son objectif, j'ai quand même déploré certains manques.
Par exemple, les notions d'encodage, pourtant essentielles ne sont pas évoquées. De même, bien que les aspects HTML5 et CSS 3 soient fréquemment rappelés, ils sont abordés de façon trop limitée alors que des concepts anciens (même présentés comme tels) semblent trop présents. Enfin, concernant la partie CSS, quelques points importants sont absents ou trop lacunaires. Si les notions de cascade et d'héritage sont correctement abordées, en revanche rien n'est dit sur le poids d'une déclaration, qui conditionne pourtant beaucoup de choses. De même, un aspect assez complexe de CSS, le positionnement, est décrit de façon un peu trop succincte.

Le livre est donc à conseiller aux débutants. Les thèmes sont abordés de façon didactique et progressive. Quant à l'écriture, manifestement soignée, elle est rendue par une traduction efficace.




 Commenter Signaler un problème

Avatar de Bovino Bovino - Rédacteur https://www.developpez.com
l 11/11/2012 à 10:10


Je viens de lire le livre HTML&CSS. Design et création Web.


Ce livre s'adresse aux débutants désirant s'initier au HTML et au CSS.
Ce genre de livre me semble particulièrement utile en ce moment où beaucoup de livres sont publiés pour documenter HTML5 et / ou CSS 3, mais les débutants ont été quelque peu laissés pour compte.

Lire ma critique.

Avatar de benwit benwit - Rédacteur https://www.developpez.com
l 11/12/2012 à 14:48
Je viens de le lire également; ma critique se trouve ici.

Un joli livre à offrir pour noël ! (pour des dev débutants bien entendu !)

L'avez vous lu/feuilletez ?
Pensez vous le lire ?
Avatar de Ojiuiookojbezib Ojiuiookojbezib - Membre régulier https://www.developpez.com
l 23/12/2014 à 21:30
Bonjour ,

L'ayant reçu récemment, je peux également affirmé qu'il s'agit d'un bon livre très intéressant.
Beaucoup d'aspects sont évoqués et pour chacun d'entre-eux plusieurs exemples, à la fois sous formes de code, mais aussi sous forme d'image fournissant un aperçu direct des éléments présentés.
L'auteur ne se contente de balancer ces exemples sans commentaires, il explique bien l'intérêt de chaque élément, les choses à éviter, mais aussi comment obtenir à chaque fois le rendu idéal pour un site digne de ce nom.

En tout cas merci de faire des rubriques référençant les bons livres comme celui-ci

 
couverture du livre Présentation Zen Design

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

Présentation Zen Design

Principes simples de design pour des présentations plus efficaces

de
Public visé : Intermédiaire

Résumé de l'éditeur

Dans son best-seller Présentation Zen, Garr Reynolds fournit à ses lecteurs un cadre de travail pour organiser, mettre au point et mener d'excellentes présentations. Avec ce second ouvrage, il vous emmène au coeur du design et de la mise en pages et vous montre de manière approfondie, à l'aide d'exemples "avant/après", comment construire des diapos visuellement efficaces, enrichies de textes, graphiques, couleurs, images et vidéos. Vous apprendrez, en suivant les principes de la simplicité zen, à obtenir équilibre et harmonie générale. Non seulement, vos présentations y gagneront en qualité professionnelle, mais vous communiquerez de manière plus claire et capterez plus durablement l'attention de votre public.

Édition : Pearson Education - 253 pages, 1re édition, 1er juillet 2010

ISBN10 : 2744024201 - ISBN13 : 9782744024207

Commandez sur www.amazon.fr :

22.08 € TTC (prix éditeur 24.00 € TTC)
  • Le design est essentiel
  • Présenter avec du caractère
  • Communiquer en couleur
  • Raconter en images et en vidéo
  • Simplifier les chiffres
  • Voir et utiliser l'espace
  • Créer un but et un point central
  • Atteindre l'harmonie
  • Exemples
  • Continuer à progresser
Critique du livre par la rédaction Antonio Gomes Rodrigues le 1er décembre 2010
Après le précédent livre de Garr Reynolds nommé "Presentation Zen", j'étais impatient de lire "Presentation Zen Design". Encore une fois, on se retrouve avec un livre assez joli, avec énormément d'exemples avant/après, et facile à lire.

On commence par nous expliquer l'importance du design, suivi d'une description des quatorze principes d'un bon design. Puis l'auteur fait un parallèle avec l'art japonais et en déduit une définition du zen à un design (aller à l'essentiel, sans fioriture). Le tout est résumé à la fin du chapitre. Chaque chapitre sera résumé, ce qui est très pratique.

Ensuite, on passe directement au concret avec le début de notre apprentissage sur les composants élémentaires avec la police de caractères. Le tout de manière concrète avec une liste de polices de caractères après les explications théoriques (taille, espace, crénage, interligne).
Puis de la même manière, l'utilisation de la couleur nous est présentée.
L'ajout de photos et de vidéos à une diapo suit avec, encore une fois, énormément de conseils (top 10 des erreurs, format d'image, cadrage).
Notre apprentissage sur les composants élémentaires s'achève avec le chapitre 5 sur la simplification des diapos avec des chiffres.
Commence alors l'étude des principes de création d'une bonne diapo avec un cours sur comment utiliser l'espace et comment raconter une histoire lors de nos présentations. Et ainsi de suite.

Lors de ces chapitres, un certain nombre de pages sont rédigées par des intervenants extérieurs afin d'approfondir certains points (comment faire/choisir une bonne photo).

On se retrouve avec un livre agréable à lire, avec de nombreux conseils pratiques et exemples. Par rapport à son premier livre, je trouve que celui-ci approfondit plus les bases et permet de mieux les assimiler et donc je conseille de le lire en premier et ensuite de lire son premier livre qui va plus loin.


couverture du livre CSS Mastery

Note 5 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

CSS Mastery

Advanced Web Standards Solutions

de
Public visé : Intermédiaire

Résumé de l'éditeur

Building on what made the first edition a bestseller, CSS Mastery: Advanced Web Standards Solutions, Second Edition unites the disparate information on CSS-based design spread throughout the internet into one definitive, modern guide.
Revised to cover CSS3, the book can be read from front to back, with each chapter building on the previous one.
However it can equally be used as a reference book, dipping into each chapter or technique to help solve specific problems.
In short, this is the one book on CSS that you need to have.

This second edition contains
  • New examples and updated browser support information ;
  • New case studies from Simon Collison and Cameron Moll ;
  • CSS3 examples, showing new CSS3 features, and CSS3 equivalents to tried and tested CSS2 techniques.

Édition : Friends of Ed - 366 pages, 2e édition, 2 novembre 2009

ISBN10 : 1430223979 - ISBN13 : 9781430223979

Commandez sur www.amazon.fr :

31.44 € TTC (prix éditeur 32.05 € TTC)
  • Les fondations
  • Des styles qui atteignent leur cible
  • Vue d'ensemble du modèle de formatage visuel
  • Utilisation des effets d'arrière plan
  • Mise en forme des liens
  • Mise en forme des listes et création de barres de navigation
  • Mise en forme des formulaires et des tableaux de données
  • Mise en page
  • Bogues et correctifs
  • Etude de cas : Roma Italia
  • Etude de cas : Climb the Mountains
Critique du livre par la rédaction James Bond le 9 septembre 2010
Andy Budd, fondateur de "Clear Left" (www.clearleft.com) nous propose un vrai livre digne d'intérêt sur CSS.
Il est destiné à des développeurs déjà confirmés, car les techniques sont avancées, même si le premier chapitre donne des rappels très utiles et très importants pour organiser notre code.
Tout est donc bien séparé, ce qui permet de ne pas forcément lire ce livre dans l'ordre des pages.
Les indications sont claires et accompagnées de nombreux exemples simples, ce qui rend ce livre didactique et facile à comprendre et surtout à mettre en place.
Chaque chapitre nous explique une spécificité.
  • Les boutons (liens) ;
  • Le modèle de la Box ;
  • Les backgrounds ;
  • Les différents layouts (fixes, élastiques, liquides, etc.) ;
  • Les menus ;
  • Formulaires et tables ;
  • Et enfin comment résoudre les bugs, souvent liés à IE.


Pour finir, 2 cas d'études (2 sites en entier) vraiment complets pour mettre en oeuvre tout ce qui a été appris tout au long du livre. jQuery est aussi utilisé ou plutôt survolé dans ces 2 cas. Toutes les sources sont téléchargeables.


couverture du livre XHTML et CSS 2

Note 3.5 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

XHTML et CSS 2

L'essentiel du code et des commandes

de
Public visé : Intermédiaire

Résumé de l'éditeur

Ce Guide de survie vous livre l'ensemble des lignes du code XHTML et CSS 2 dont vous avez besoin pour réaliser un site web bien construit. Vous y trouverez tous les cas pratiques auxquels vous serez confronté : agencement des pages, installation de listes et de menus, réalisation de tableaux mais aussi création d'effets de texte, insertion de vidéos, etc.

CONCIS ET MANIABLE
Facile à transporter, facile à utiliser -- finis les livres encombrants !

PRATIQUE ET FONCTIONNEL
Près de 200 séquences de code XHTML et CSS 2 prêtes à l'emploi pour créer et mettre en forme votre site web, et un blog d'accompagnement pour visualiser et tester les effets de ces séquences.

Édition : Pearson Education - 375 pages, 1re édition, 12 décembre 2008

ISBN10 : 2744023043 - ISBN13 : 9782744023040

Commandez sur www.amazon.fr :

15.20 € TTC (prix éditeur 15.20 € TTC) livraison gratuite !
  • Les bases du XHTML/CSS
  • Textes et polices
  • Balises <div> et <span>
  • Mise en page
  • Listes et menus
  • Tableaux
  • Liens hypertextes
  • Images
  • Formulaires
  • CSS avancé
Critique du livre par la rédaction Eusebe le 12 août 2009
Comme les autres "guides de survie" de Pearson, XHTML et CSS2 - L'essentiel du code et des commandes est un livre en format poche (11,5 x 18,5 cm), simple et pratique à transporter. Ce livre a pour objectif de livrer "l'ensemble des lignes du code XHTML et CSS 2 dont vous avez besoin pour réaliser un site web bien construit".

Construit sous la forme de mini-recettes classées par grands thèmes (textes, mise en page, tableaux, images, etc.), ce guide n'est pas exhaustif, seuls les éléments les plus "classiques" du XHTML et du CSS sont étudiés. Quelques exceptions subsistent, comme les effets visuels spécifiques à IE applicables à du texte ou des images. J'aurai apprécié à la place une approche sémantique des balises XHTML, et un approfondissement de certains aspects CSS, comme par exemple les problèmes de positionnement selon les navigateurs. Certaines astuces présentées sont tout de même intéressantes et pourront apporter un plus au design de votre site.

Au final, cet ouvrage me semble difficile d'accès pour un débutant, malgré un rapide rappel des bases dans le premier chapitre. Plus abordable que la documentation du W3C, il peut par contre s'avérer utile pour un développeur de niveau intermédiaire, connaissant déjà le XHTML et le CSS, mais pas au point de maîtriser les balises et les propriétés.


couverture du livre Introduction au Design Web

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

Introduction au Design Web

de
Public visé : Débutant

Résumé de l'éditeur

Cet ouvrage est un guide destiné à la création de sites web professionnels. Il vous montre comment construire des sites web en appliquant les pratiques modernes et professionnelles de design. Introduction au Design Web commence depuis le début, en expliquant l'anatomie d'une page et son fonctionnement, et vous mène jusqu'à la publication de votre site en vous conseillant sur les types d'hébergement. Après avoir lu cet ouvrage, vous devrez être en mesure de créer et publier des mises en pages CSS sur deux colonnes accompagnées d'images optimisées pour le Web. Grâce aux nombreux exemples, astuces et exercices proposés par Jennifer Niederst Robbins, vous retiendrez facilement les concepts clés et pourrez rapidement construire un site web d'aspect professionnel. Vous trouverez dans ce livre : comment créer une page (X)HTML basique et y ajouter des liens et des images ; tout ce qu'il faut savoir à propos des standards : (X)HTML, DTD, etc. ; les CSS et l'art de formater du texte, de jouer avec les couleurs et les arrière-plans, d'utiliser le modèle de boîte, les modèles de mise en pages, etc. ; tout sur les images, de leur traitement à leur optimisation ; le processus de développement d'un site web, du début à la fin ; l'hébergement de vos pages, les noms de domaines et le FTP.

Édition : O'Reilly - 465 pages, 3e édition, 1er novembre 2007

ISBN10 : 2841774384 - ISBN13 : 9782841774388

23.5 x 20.5

Commandez sur www.amazon.fr :

42.75 € TTC (prix éditeur 45.00 € TTC)
Mise en route
  • Par où commencer
  • Fonctionnement du Web


Balises HTML pour la structure
  • Créer une page simple (introduction à HTML)
  • Baliser le texte
  • Inclure des liens
  • Inclure des images
  • Les tableaux
  • Les formulaires
  • Comprendre les standards


CSS pour la présentation
  • Feuilles de style en cascade
  • Mise en forme des textes (avec plus de sélecteurs)
  • Couleurs et arrière-plans (avec plus de sélecteurs et les feuilles de style externes)
  • Tout est dans la boîte (espacements, bordures et marges)
  • Flottement et positionnement
  • Mise en page avec CSS
  • Techniques CSS


Créer des images pour le Web
  • Images pour le web


du début à la fin
  • Processus de développement d'un site
  • Publier sur le Web
Critique du livre par la rédaction freegreg le 1er novembre 2007
Dans cet ouvrage, l'auteur s'attaque aux trois piliers du Design Web :
  • le (X)HTML
  • les feuilles de style
  • les images


Dans la première partie, l'auteur explique les fondements des pages HTML : les balises, leurs sémantiques, leurs fonctions. Elle prend notamment soin à détailler chaque fois que cela est nécessaire les différences (de syntaxe) entre le HTML et le XHTML. Elle s'efforce également de faire comprendre l'intérêt de respecter les standards.
Une fois les bases posées, elle traite les feuilles de style pour donner forme à nos pages. Là encore, elle détaille les principes fondateurs des CSS comme les notions de sélecteurs, l'héritage ou non des propriétés, les différents médias, etc. De nombreuses propriétés sont expliquées avec illustrations pour bien comprendre. Tout y est clair.
Enfin, elle s'attarde sur une partie généralement peu traitée d'ordinaire, me semble-t-il : la gestion des images pour le web. Quels sont les différents formats ? Lesquels utiliser ? Dans quelles circonstances ? Comment optimiser les images ? Autant de questions qui trouveront des réponses dans cet ouvrage.
L'auteur reste volontairement simple dans ses explications, ce qui la conduit à utiliser des "raccourcis" qui pourraient déranger les puristes mais la compréhension du débutant n'en est que meilleure.
Bref un livre clair et détaillé qui conviendra parfaitement à tous les débutants.
Juste un petit regret, les références faites aux solutions des grands éditeurs (Adobe Dreamweaver, Microsoft Expression Web... pour les créations de pages, Adobe Photoshop, Paint Shop Pro ... pour les images) qui sont à mon avis sans intérêt pour la compréhension du livre et de ses concepts. Ces solutions sont bien souvent trop onéreuses pour un simple web designer débutant alors que des solutions alternatives suffisantes pour débuter et surtout gratuites (Gimp ou Paint.net, par exemple, pour la gestion des images) existent.


couverture du livre Design web : utiliser les standards - CSS et XHTML

Note 4 drapeau
Détails du livre
Sommaire
Critiques (2)
 
 

Design web : utiliser les standards - CSS et XHTML

2e édition

de

Résumé de l'éditeur

99,9% des sites web sont encore et toujours obsolètes

"Site optimisé pour..." : suffit-il d'ajouter le nom et la version de votre navigateur de prédilection pour en être quitte avec les problèmes de compatibilité sur le web ? Les options retenues par de nombreuses entreprises et designers web en agence - optimiser un site pour une version précise de navigateur ou développer autant de versions de sites qu'il existe de navigateurs et de versions de navigateurs- n'est ni pérenne ni économiquement viable. Elles n'aboutissent qu'à priver un nombre toujours croissant de visiteurs d'un accès aux sites, et à empêcher tes entreprises de toucher une portion non négligeable de leur cible. Cette spirale et cette course incessante à la compatibilité n'ont rien d'une fatalité. Il existe une solutions les standards du Web.

Le Web à l'heure des standards et de l'accessibilité

Développées par le W3C avec la collaboration des principaux acteurs de l'industrie du Web, les standards ne sont pas des règles immuables et contraignantes. Bien au contraire, leur mise en œuvre garantit :[*]des coûts de redesign et de maintenance réduits ;[*]un affichage plus rapide des pages - l'allègement pouvant atteindre 85% - et moins de bande passante utilisée ;[*]un meilleur référencement dans les moteurs de recherche et une augmentation de trafic vers le site ;[*]la pérennité d'un site conçu à partir de standards ouverts.

Édition : Eyrolles - 382 pages, 2e édition, 1er novembre 2006

ISBN10 : 2212120265 - ISBN13 : 9782212120264

Commandez sur www.amazon.fr :

31.35 € TTC (prix éditeur 33.00 € TTC) livraison gratuite !
  • Introduction

Houston, nous avons un problème
  • Avant de commencer
  • 99,9 % des sites web sont obsolètes
  • Concevoir et construire avec les standards
  • Le problème des standards
  • Trouvabilité, syndication, weblogs, podcasts, la longue queue, Ajax (et autres raisons du succès des standards)

Design et construction
  • Le balisage moderne
  • XHTML : restructurer le Web
  • Des pages minces et fermes : structure et métastructure des balisages stricts et hybrides
  • XHTML par l'exemple : une mise en page hybride (première partie)
  • Introduction à CSS
  • CSS en action : une mise en page hybride (deuxième partie)
  • Travailler avec les navigateurs (première partie) : bascule sur DOCTYPE et mode Standards
  • Travailler avec les navigateurs (deuxième partie) : modèles de boîtes, bogues, et solutions de contournement
  • Travailler avec les navigateurs (troisième partie) : la typographie
  • Introduction à l'accessibilité
  • Travailler avec des scripts reposant sur DOM
  • Redesign en CSS
  • Index
Critique du livre par la rédaction MasterOfChakhaL le 29 août 2007
Cet ouvrage débute par un long exposé s'appuyant sur un historique de la publication sur le web qui vous convaincra du bien fondé de l'utilisation des standards. Même si vous êtes déjà convaincu, cette première partie vous fournira des arguments et des exemples intéressants et concrets si vous devez convaincre à votre tour.

Ce livre intéressera les débutants qui veulent partir du bon pied avec les standards, mais le public visé reste essentiellement les designers de la vieille école qui auraient acquis de tenaces habitudes aujourd'hui obsolètes.

La deuxième partie de cet ouvrage introduit rapidement le XHTML puis le CSS avant de s'intéresser à des cas concrets (montage de designs). Ces études de cas constituent un fil rouge tout au long de cette partie et fournissent l'occasion d'aborder de nombreuses techniques en avançant pas à pas.

Cet ouvrage ne prétend pas constituer une référence pour les langages XHTML et CSS, mais nous pouvons tout de même regretter l'absence d'annexes. En effet, le ton léger, voir comique, de Jeffrey Zeldman ainsi que les nombreuses digressions qui nous mènent d'une technique à l'autre rendent ce livre agréable à lire de manière linéaire, mais difficile à exploiter si vous voulez, par la suite, retrouver rapidement une astuce.
Critique du livre par la rédaction pyrrha le 13 août 2007
Dans la nouvelle édition de son ouvrage, Jeffrey Zeldman, met à jour ses données pour les rendre d'autant plus aptes à convaincre le lecteur sur les bienfaits du respect des standards Web 3 (W3C).

Ce livre n'a pas pour but de vous enseigner directement l'utilisation des feuilles de style CSS. Il va tout d'abord vous renseigner (persuader) sur le pourquoi de la question.
Ainsi, si vous souhaitez apprendre rapidement à user des CSS pour créer votre site, ce livre n'est pas pour vous, ou du moins vous ne serez intéressé que d'une petite partie.
Si au contraire, vous avez soif de connaître l'histoire des CSS, de comprendre chacun de leurs bienfaits sur des exemples brillament choisis, de faire le tour des questions que l'on peut se poser quant aux CSS, avant d'entamer une seconde partie de cours peu linéaires car débordants d'astuces utiles mais cependant efficaces, alors vous trouverez votre compte dans l'ouvrage de Zedman.

L'auteur n'a pas froid aux yeux et touche dans son ouvrage à de nombreuses facettes (trop souvent ignorées ou négligées) de la création de sites internet : l'accessibilité, la typographie, DOM, les doctypes, et bien d'autres...

En conclusion,Si vous êtes ancien ou débutant dans le monde du web et désireux de comprendre pourquoi « 99,9% des sites sont encore et toujours « obsolètes », pourquoi certains navigateurs affichent mieux les sites (bien conçus) que d'autres, comment rendre un site « accessible » à diverses plateformes (dont certaines prévues pour les personnes handicapées), comment faire du travail propre, ré-exploitable...
Alors Zedman saura sans doute répondre à vos questions dans ce livre.


couverture du livre Design web : utiliser les standards - CSS et XHTML

Note 4.5 drapeau
Détails du livre
Sommaire
Critiques (2)
 
 

Design web : utiliser les standards - CSS et XHTML

de

Résumé de l'éditeur

99,9 % des sites web sont obsolètes. " Site optimisé pour... " : suffit-il d'ajouter le nom et la version de votre navigateur de prédilection pour en être quitte avec le problème de la comptabilité sur le web ? Les options retenues par de nombreuses entreprises et designers web en agences - optimiser un site avec autant de versions qu'il existe de navigateurs et de versions de navigateurs - n'est ni pérenne ni économiquement viable. Elles n'aboutissent qu'à priver en nombre toujours croissant de visiteurs d'un accès aux sites, et d'empêcher les entreprises de toucher une portion non négligeable de leur cible. Cette spirale et cette course incessante à la compatibilité n'ont rien d'une fatalité.

Il existe une solution : les standards du web. Le web à l'heure des standards et de l'accessibilité. Développées par le W3C avec la collaboration des principaux acteurs de l'industrie du web, les standards ne sont pas des règles immuables et contraignantes.

Bien au contraire, leur mise en œuvre garantit : des pages web accessibles quels que soient le navigateur et la version du navigateur utilisée ; Des coûts de redesign et de maintenance réduits ; Un affichage plus rapide des pages - l'allégement pouvant atteindre 85 % - et moins de bande passante utilisée ; un meilleur référencement dans les moteurs de recherche et une augmentation de trafic vers le site ; La pérennité d'un site conçu à partir de standards ouverts.

Édition : Eyrolles - 414 pages, 1er avril 2005

ISBN10 : 2212115482 - ISBN13 : 9782212115482

Commandez sur www.amazon.fr :

30.40 € TTC (prix éditeur 32.00 € TTC) livraison gratuite !
  • Introduction

Houston, nous avons un problème
  • Avant de commencer
  • 99,9 % des sites web sont obsolètes
  • Concevoir et construire avec les standards
  • Le problème des standards
  • XML à la conquête du monde (et autres réussites des standards du Web)

Design et construction
  • Le balisage moderne
  • XHTML : restructurer le Web
  • Des pages minces et fermes : structure et métastructure des balisages stricts et hybrides
  • XHTML par l'exemple : une mise en page hybride (première partie)
  • Introduction à CSS
  • CSS en action : une mise en page hybride (deuxième partie)
  • Travailler avec les navigateurs (première partie) : bascule sur DOCTYPE et mode Standards
  • Travailler avec les navigateurs (deuxième partie) : modèles de boîtes, bogues, et solutions de contournement
  • Travailler avec les navigateurs (troisième partie) : la typographie
  • Introduction à l'accessibilité
  • Travailler avec des scripts fondés sur DOM
  • Redesign en CSS

Annexe
  • Annexe A : Navigateurs modernes : le bon, la brute, et le truand
  • Index

Critique du livre par la rédaction arnaud le 3 janvier 2006
Suite à la lecture de ce livre, le premier mot qui me vient à l'esprit : apologie. En effet, ce livre est une belle apologie des standards du web. Voulant m'auto-former aux technologies du web, j'ai pensé que ce livre était parfait pour commencer. Vous aurez donc ici, la critique d'un néophyte.

Facile à lire, ce livre est à la fois complet et amusant.

Depuis l'apparition de ce livre dans sa version originale, beaucoup de choses on changées. Je n'ai jamais autant entendu parler ( entendre lire ) des standard du web ( XHTML, CSS, DOM, XML ) ces deux dernières années. Concernant le livre, il faut aussi avouer qu'il est surtout destiné aux webmasters de la vieille école, puisqu'il traite essentiellement de transition vers les standards.

Pour les néophytes comme moi, on y apprend énormément de choses tout au long de la lecture. Cependant, j'attire l'attention aux futurs lecteurs dans le même cas. Ayez au préalable de bonnes base sur HTML principalement et le web en général.

Pour ceux de la vieille école, ce bouquin est, je pense, idéal pour bien comprendre les enjeux des standards, et pour vous apprendre à passer en douceur cette transition. Mais la lecture de ce livre ne suffira pas, un apprentissage des langages XHTML et CSS, voire aussi XML, sera fortement nécessaire.

Pour les pros du web déjà concernés et initiés aux standards, je ne pense pas que ce livre leur apportera grand chose, et techniquement parlant, il ne leur en apprendra pas plus.

Il n'y a pas d'exercices dans ce livre, cela n'est pas le but, même si cela aurait été un vrai plus, mais l'épaisseur aurait certainement doublé, voire plus. Il faudra donc se pencher sur d'autres bouquins en critiques ici par ailleurs. On notera aussi que les images ne sont pas en couleur, ce qui est dommage, même si ce n'est pas une nécessité absolue.

Ayant vu quelques critiques sur le site de l'éditeur du genre : « on passe du coq à l'âne sans arrêt ». J'aimerais ajouter que ce n'est pas le sentiment que j'ai eu en le lisant. En effet, beaucoup de sujets se recoupent au fur et à mesure de la lecture, ce qui est normal puisque tout est lié. L'auteur a bien fait attention de nous rappeler, à chaque fois que cela était nécessaire, les autres chapitres et notions fondamentales concernés. Au lecteur de juger si cela est nécessaire de relire ou pas les passages mentionnés.

En bref : nous avons un auteur qui sait de quoi il parle, ses informations sont pertinentes. Un livre agréable à lire. Il nous apprend les bonnes notions de base de design, des standards et de l'accessibilité. Peut être que pour certains le fil du livre leur semblera un peu " fouillis ". Ce livre devrait avoir pour effet une prise de conscience de la part du lecteur et l'obliger à continuer d'explorer et d'apprendre les standards du web.
Critique du livre par la rédaction Didier Danse le 18 décembre 2005
Une mine d'or sur HTML et CSS.

Facile à lire, ce livre est à la fois complet et amusant.

Complet en ce sens qu'il présente toutes les facettes de CSS. On retrouve ainsi les avantages, les contraintes, les techniques à utiliser pour permettre l'utilisation d'un CSS fonctionnel Quels que soient le ou les navigateurs ciblés et aussi des exemples s'y rapportant.

Amusant car le livre est écrit dans un langage très proche du langage parlé. Ainsi, il se lit comme un roman avec des moments sérieux - heureusement - et des moments d'humour - on s'écarte même parfois du sujet avant de le retrouver assez vite -.

Après quelques jours de lecture, on est aussi satisfait d'avoir lu ce livre que si on avait lu le dernier Harry Potter. On en ressort par ailleurs d'autant plus satisfait que nos connaissances ont augmentés et que notre approche du web a été remise dans le droit chemin. Un seul regret: ce livre nous donne envie de retravailler toutes nos pages qui ne respectent pas les règles présentées dans le livre.


couverture du livre [ Re ] design web [2.0]

Note 4 drapeau
Détails du livre
Sommaire
Critiques (1)
 
 

[ Re ] design web [2.0]

Conduite de projet

de
Public visé : Intermédiaire

Résumé de l'éditeur

LES CLÉS D'UNE REFONTE RÉUSSIE

Le redesign de son site est un passage obligé pour toute entreprise soucieuse de sa présence sur le Web, qu'il s'agisse d'implémenter de nouvelles fonctionnalités utilisateur ou de back-office. Or, la conduite de projet est un élément clé de la réussite de tout projet de redesign web. Que vous soyez concepteur web, webmaster, ou chef de projet en agence, vous trouverez dans cet ouvrage une méthodologie fiable pour mener à bien vos projets de refonte de sites web. Définition du projet, planification, élaboration du budget, mise au point du cahier des charges avec le client, développement de la structure du site, enchaînement des différentes étapes de production, tests, lancement... toutes les étapes d'un projet de refonte sont abondamment détaillées dans cet ouvrage qui se nourrit de l'expérience des plus grands concepteurs web. Cette édition reflète par ailleurs les nouvelles technologies web, comme les CSS, la conformité aux standards du Web, etc.

Une méthodologie en [5] étapes :
  • [1] Définition du projet
  • [2] Développement de la structure du site
  • [3] Conception graphique et validation
  • [4] Production et contrôle qualité
  • [5] Lancement et maintenance


Le point de vue des plus grands spécialistes du sujet :
  • Eric Meyer
  • Jeffrey Zeldman
  • Jakob Nielsen
  • Stephane Spencer
  • Lynda Weinman
  • Christina Wodtke


Tous les compléments web sont proposés par les auteurs en téléchargement sur www.editions-eyrolles.com.

Édition : Eyrolles - 294 pages, 2e édition, 1er juillet 2005

ISBN10 : 2212115792 - ISBN13 : 9782212115796

Commandez sur www.amazon.fr :

33.25 € TTC (prix éditeur 35.00 € TTC)
  • Introduction
  • Etude de cas : Baby Center
  • Les clés d'un design réussi
  • Etude de cas : Port of Seattle
  • Le processus central : une vue d'ensemble
  • Etude de cas : Janus
  • Phase 1 - Définition du projet
  • Etude de cas : BearingPoint
  • Phase 2 - Développement de la structure du site
  • Etude de cas : About.com
  • Phase 3 - Conception de l'interface graphique
  • Etude de cas : gotomedia, inc.
  • Phase 4 - Production et intégration
  • Etude de cas : Mélanie Craft
  • Phase 5 - Lancement et maintenance
  • Etude de cas : Coldwell Banker Walter Williams
  • Tests d'ergonomie
  • Etude de cas : WebEx
  • Fonctionnalités complexes
  • Etude de cas : Banana Republic
  • Analyser la structure
Critique du livre par la rédaction freegreg le 19 décembre 2013
Refaire le design d'un site ne consiste pas seulement à changer quelques images et à modifier sa charte graphique. Bien au contraire, ce "re-design" doit être l'occasion d'une vaste réflexion sur le site, sur ce que l'on en attend, sur ce que l'on souhaite mettre en avant ...
Dans ce livre, les auteurs abordent toutes les phases qui doivent nous conduire à la refonte du site et nous proposent une méthodologie pour mener à bien cette entreprise : Collecter des informations sur les clients, gérer le budget, établir un planning, développer le gabarit du site, établir des tests utilisateurs, séparer la phase design de la phase développement ... autant de thèmes abordés dans ce livre afin de nous guider tout au long de notre travail et nous permettre de réaliser un site web performant et adapté aux attentes du client.
Chaque phase cruciale est abordée, illustrée par des exemples et des images pour faciliter notre compréhension, enrichie de questionnaires afin de cerner les besoins des clients, etc. Par ailleurs, les auteurs ont su s'entourer d'acteurs reconnus du Web tel Eric Meyer qui nous font profiter, dans leur domaine respectif, de leurs conseils avisés.
Bref, un livre à posséder par tous ceux qui sont ou seront amener à se poser la question du redesign web