PUBLIC MARKS from Monique with tags webdesign & xhtml

by Chris Coyier Beautiful HTML is the foundation of a beautiful website. When I teach people about CSS, I always begin by telling them that good CSS can only exist with equally good HTML markup.

Ce billet est la traduction de l'article What happens in Quirks mode de Jukka “Yucca” Korpela initialement paru sur le site du Tampere University of

On considère généralement que la mise en forme du code HTML (retours à la ligne, indentation, espaces entre les balises) n'a aucun impact sur le rendu final. Il est possible, par exemple, d'écrire le code d'une page web complète sur une seule ligne ; ou bien de revenir systématiquement à la ligne pour chaque nouvelle balise ; ou encore de laisser plusieurs lignes vides, pour « éclaircir » un code et en faciliter la lecture. Même si cette conception est généralement vraie, il faut se méfier de ce genre de généralités. La mise en forme du code peut avoir des conséquences sur le rendu ! Petite mise au point...

Tous en anglais, beaucoup de connus, mais c'est bien de les avoir regroupés.

Deux colonnes (ou plus) de largeur au choix fixe ou variable, de hauteur apparente identique quelque-soit leur contenu et un pied de page stable quelque-soit la hauteur des colonnes.

par Tantek Çelik

"To use CSS for layout effectively, it helps to know how it's used to position page content."

Traduction d'un article de Sergio Villarreal, web designer mexicain : une même page réalisée avec des tableaux et avec les feuilles de style (POMPAGE).

Tests de mise en forme de la bordure.

La découpe d'image n'est pas une technique que je recommande pour la mise en page, mais tant qu'à faire...

Un article de Joe Clark, avec un tableau des fonctions supportées par les versions successives des principaux lecteurs d'écran.

Traduction de l'article de Flash Satay (de Drew Mclellan sur A List Apart).

Accessible, pretty forms developed by Philip Howard (boutons radio et des cases à cocher)

Se contenter des polices traditionnelles pour le corps de texte est intelligent, mais quand on en vient aux titres, de courts blocs de texte destinés à attirer l’attention, il serait agréable d’avoir plus de choix.

Plusieurs solutions existent pour arrondir les coins d'un élément bloc en XHTML/CSS dont la largeur et la hauteur sont variables. Malheureusement, aucune n'est parfaite.

Nearly every web designer is guilty of forcing line breaks, creating tables that don't hold tabular data, and a host of other egregious HTML sins.

Traduction d'un article de Douglas Bowman (stopdesign.com)

Quelle est la taille idéale pour afficher du texte à l'écran ? Excellente synthèse.

Site offrant à la fois un regard expert sur le web et des exemples concrets d'utilisation des normes du W3C.

Une solution CSS qui remplace avantageusement la version imprimable d'un document.

Traduction d'un article d'Eric A. Meyer

Un forum dédié aux standards du Web et à leur mise en pratique.

Traduction de l'article de Drew Mclellan (A List Apart)

Une solution fortement inspirée d'un article de Alistapart

Une méthode commentée pour transformer une page "codée à l'ancienne" en page XHTML - CSS valide