Le portail AOL vient de lancer une nouvelle page d’accueil qui utilise la technique de mise en page élastique : AOL Goes Elastic.Pour ceux qui se osent la question, les mises en page élastiques sont à mi-chemin entre les mises en page fixes et fluides. Le principe est le suivant : la page a une largeur figée en valeur relative. En gros la page s’élargit si vous augmentez la taille de police.

Pour vous initier à cette technique, voici quelques liens :

• Elastic Design, où cette technique est décrite en détails ;
• Elastic Lawn, une illustration brillante de la mise en page élastique sur le ??CSS? Zen Garden ;
• Elastic Design Demonstration sur le site HTML Dog ;
• et enfin FredCavazza.net qui utilise cette technique depuis bien longtemps (et oui !).

Pour ceux qui constatent des problèmes d’affichage, merci de le préciser en commentaire.

Ceux qui ont l’habitude de travailler avec les feuilles de styles CSS à haute dose savent comment la situation peut très vite dégénérer. Je me souviens d’un projet pour un grande compagnie d’assurance française où ma feuille de styles dépassait les 1.200 lignes, un vrai cauchemard à maintenir (pardon à ceux qui ont récupéré le projet et ont dû se dépatouiller avec !).

Toujours est-il que l’on parle de plus en plus de structuration voir d’architecture pour les feuilles de style. Le Digital Web Magazine nous propose un article sur le sujet : Architecting CSS. L’auteur y étudie le pour et le contre de trois approches : associer une feuille de styles par gabarit de page, associer une feuille de style pour chacun des éléments majeurs de la page, associer une feuille de style par type de page (formulaire, tableau de données…) sans réellement identifier une solution idéale. Avant cela, Gou avait également rédigé un billet sur le sujet : Structurer ses CSS. Au passage vous remarquerez le nouveau design de son site.

Oui je sais, j’arrive un peu après la bataille mais comme on dit chez moi : mieux vaut tard que jamais. Je vous propose donc de découvrir un ouvrage de référence sur les standards du W3C (XHTML, CSS) : CSS2 Pratique du design web.

Non seulement ce livre est très facile à lire (Contrairement aux récents ouvrages XHTML et CSS souvent très théoriques, ce livre se place volontairement du côté des applications pratiques sans oublier les bases indispensables), mais en plus il a été rédigé par quelqu’un qui a fait ses preuves : Raphaël Goetter du blog Alsacréations.

Deux très bonne raisons de vous précipiter dessus et de mettre à jour vos connaissances.

Tester son site sur plusieurs OS et navigateurs est un impératif pour qui est un minimum consciencieux. Mais voilà, ça prend du temps et ça peut coûter cher de s’équiper. Vous connaissiez déjà le service en ligne BrowserCam qui fait à votre place des copies d’écran de votre site sur différentes plate-formes, je vous propose de découvrir un équivalent gratuit : BrowserShots. Qui veut bien tester ? (via Weblogger)

Pour ceux d’entre vous qui se servent de leurs favoris comme d’un fourre-tout où ils se perdent (et il en a plusieurs !), je vous propose de mettre à jour votre liste de liens concernant la conception web et les standard avec le site suivant : Essential bookmarks for web-designers and web-developers. Le travail effectué est tout simplement remarquable, c’est complet et très agréable à l’oeil en plus.