CSS

Liste des éléments en ligne et en bloc et hack

À ma connaissance, il n’existe pas de moyen de spécifier une règle CSS s’appliquant à tous les éléments en ligne ou à tous les éléments en bloc. Or, certaines apparences dépendent de la chose (je pense à une génération automatique de texte pour les ins).

On peut ruser cependant, en listant l’ensemble des éléments appartenant à l’une ou l’autre des familles :

Opera en vrac

  • Opera va lancer un navigateur allégé (et gratuit ?) sans pour autant délaisser le « vrai » Opera.

    Nous ne voulons pas que les gens soient déroutés au premier regard. Mais nous ne voulons pas non plus nous assimiler totalement [aux autres navigateurs]. Nous tenons à nous détacher de la concurrence.

Un peu de ménage dans CSS/HTML

Suppression de i et b

  • ifont-style=italic
  • bfont-weight:700

Ce sont des éléments physiques de présentation. Il devraient être supprimés de XHTML et remplacés par font-style=italic et font-weight:700 (je préfère des valeurs numériques aux littérales, sûrement parce que j’utilise le système métrique et non le système anglo-saxon1).

Quelques notes sur le W3C

Les logos W3C

Logos officiels
  • Pour le HTML <a href="http://validator.w3.org/check?uri=referer" title="Le code source de cette page est-il valide ?"><img src="http://www.w3.org/Icons/valid-xhtml11" alt="XHTML 1.1 valide !" /></a> XHTML 1.1 valide !

Afficher le titre (title) dans la page

Vous viendrait-il à l’idée de ne pas mettre de chaussettes1 sous prétexte que les gens ne voient que les chaussures ? Ou d’inscrire Premier chapitre dans un article qui n’en contiendra jamais qu’un seul ?

Purple Haze : apprendre sur de bonnes bases

Purple Haze est un modèle pour faire de l’HTML avec des feuilles de styles, 100 % standard, sans tableau, en utilisant les dernières normes (XHTML 1.1 et CSS 2)

Cette page fut longue à trouver ; j’en ai cherché beaucoup et c’est ce que j’ai trouvé de mieux (il y a la bannière et le pied de page et le multicolonnage, le tout en XHTML 1.1/CSS2-P)

L’illusion de la taille de fenêtre

Ce n’est pas parce que nos écrans sont de plus en plus grands que nous pouvons faire des contenus totalement fluides (liquid design). Nous sommes limités par le confort visuel de la vision.

Le format A4 du papier (ou le US Letter de l’autre côté de l’Atlantique) ne sont pas nés du hasard : même si la page est remplie à 90 % dans sa largeur, les longueurs de ligne restent d’une taille compréhensible par le cerveau humain.

Effacer les spécificités CSS d’un navigateur

Merci à Éric Daspet pour son aide précieuse.

La différence entre écrire son code (HTML) et le confier à d’autres (Word), c’est que dans le premier cas, le logiciel ne se crois pas plus malin que soi. Ainsi, Safari, par défaut, met les abbréviations en italique, alors que (une fois n’est pas coutume) je préfère la manière Mozilla, moins envahissante, qui consiste en une bordure inférieure. Que faire ?

J’ai d’abord pensé à mettre une règle de caractères romains :

Pourquoi éviter Verdana

Parce que dans sa forme naturelle, elle est énorme et que, par conséquent, les personnes n’ayant pas Verdana (par exemple celles sous Linux), sont mal barrées :

Syndiquer le contenu Syndiquer le contenu