Alsacréations vient de lancer une série de quiz pour tester ses connaissances en XHTML, CSS, JS et PHP. Comme j’ai beaucoup d'autres choses urgentes (et moins amusantes) à faire je vais bien sûr m’empresser de répondre à toutes ces questions...

Trouvé sur le blog Skill Exchange (dont je trouve le design très réussi, soit dit en passant*) : un vers le site css.maxdesign.com.au qui, en plus de proposer de nombreuses façons d'afficher des listes, présente des tutoriels** sur les sélecteurs et les éléments flottants en CSS.

* je me suis prise en flagrant délit de rafraîchir plusieurs fois la page rien que pour voir changer la photo de l'entête...

** le pluriel de tutoriel est tutoriels, et pas tutoriaux. La confusion vient de la similitude avec le mot anglais tutorial (à éviter en français, bien sûr).

Il existe une méthode simple pour faire un lien sur une image avec un effet de rollover, comme ceci : contact Il suffit d'une image et de quelques lignes de CSS mais la solution la plus couramment employée n'est pas sans poser quelques problèmes d'accessibilité.

Lire la suite

À apprendre par l’exemple en recopiant ce qui se fait ailleurs, on prend parfois de mauvaises habitudes, et s’il en est une assez répandue, c’est celle qui consiste à utiliser des tables pour faire des formulaires. Il existe pourtant un moyen bien plus élégant de faire des formulaires en utilisant les balises <fieldset>, <legend> et <label>, ce qui a l’avantage de produire un résultat bien meilleur du point de vue sémantique, qui plus est.

Lire la suite

• Article exposant les différentes façons d'utiliser le favicon(.ico) sur www.amaryllidaceae.org
  Avec notamment des liens vers d'autres articles et vers des outils pour créer des fichiers .ico dont celui-ci, accessible en ligne : http://www.html-kit.com/favicon/
• Un autre article faisant le tour de la question, et exposant notamment les problèmes de non respect des standards.

Ce tutoriel de babylon-design.com explique comment simuler des tableaux en CSS en utilisant table-caption, table-column, table-column-group, table-header-group, table-footer-group, table-row-group mais particulierement table, table-cell et table-row.

Article de Alsacreations sur les caractéristiques des DTD HTML4.01 et XHTML1.0.