Alors que le Web évolue pour intégrer de nouveaux standards et que les derniers navigateurs ouvrent de nouvelles voies créatives, l'art du design web est aussi en pleine mutation. Cependant, rares sont les designers web également expérimentés en programmation. Résultat : ils ne peuvent exploiter pleinement toutes les ressources à disposition, car balisage sémantique et CSS sont un frein à leur élan créatif. Andy Clarke a su identifier les difficultés auxquelles sont confrontés ces designers web à la sensibilité plus graphique que technique ; il propose ici aux artistes du Web une approche progressive afin de conjuguer créativité, fonctionnalité et accessibilité dans la conception de leurs sites. Pour cela, les CSS offrent un cadre indispensable, mais il s'agit de s'en affranchir pour les transcender.

Dans cet ouvrage révolutionnaire, unique en son genre, vous découvrirez comment implémenter des designs originaux, tout en mettant à profit les possibilités créatives du balisage et des feuilles de style. Vous apprendrez à mettre en place un nouveau workflow, construire des prototypes, utiliser efficacement des grilles, visualiser les balises, etc. Vous "transcenderez" CSS, qu'il s'agisse d'employer les derniers navigateurs prenant en charge la troisième version de cette norme, de collaborer efficacement avec les membres de l'équipe, ou bien plus encore.

Écrit et relu par les "gourous" du domaine que sont Andy Clarke et Molly E. Holzschlag, cet ouvrage :

• adopte une approche visuelle pour mieux vous enseigner les techniques de programmation ;
• propose de nombreux exemples de sites web, de photographies et d'autres sources d'inspiration donnant aux artistes des idées pour visualiser leur code ;
• évoque en avant-première les avancées techniques des nouveaux navigateurs et de la spécification CSS 3, en cours d'élaboration.

• Découverte
  • Transcender CSS, mais encore ?
  • Les principes permettant de transcender CSS
  • Pourquoi est-il désormais possible de transcender CSS
  • Un design s'appuyant sur les contenus
  • La sémantique, c'est le Sens
  • Baliser le monde entier
  • Mise en pratique
• Processus
  • Identifier le workflow idéal
  • Rassembler les contenus
  • Travailler avec des squelettes de mise en page
  • Améliorer l'approche par la méthode de la boîte grise
  • Créer des designs statiques
  • Utiliser des prototypes interactifs
  • Les conseils de pros en matière de prototypes interactifs
  • Mettre le processus en pratique
  • Assembler le tout
• Inspiration
  • Introduction au design reposant sur des grilles
  • Les grilles dans le design web contemporain
  • Chercher les grilles en dehors du web
  • Introduire de nouvelles grilles dans le design web
  • Trouver l'inspiration dans les endroits les plus inattendus
  • Activités artistiques
  • Les design web vu comme un bel art
• Transcendance
  • Transcender CSS
  • CSS3 (la troisième fois sera la bonne)
  • Mise en pages complexes
  • Conclusions

• Table des matières - (939.2 Ko)
• Avant-propos - (133.9 Ko)
• Partie 1 : Découverte - Pourquoi est-il désormais possible de transcender CSS ? - Pages 47 à 53 - (906.6 Ko)
• Partie 2 : Processus - Travailler avec des squelettes de mise en page - Améliorer l'approche par la méthode de la boîte grise - Pages 109 à 117 - (1.2 Mo)
• Partie 2 : Processus - Améliorer l'approche par la méthode de la boîte grise - Pages 118 à 120 - (3.4 Mo)
• Partie 2 : Processus - Créer des designs statiques - Utiliser des prototypes interactifs - Pages 121 à 125 - (1.5 Mo)
• Partie 2 : Processus - Utiliser des prototypes interactifs - Les conseils des pros en matière de prototypes interactifs - Mettre le processus en pratique - Pages 126 à 143 - (2.6 Mo)