Pour notre plus grand plaisir, Eric Meyer – le gourou des CSS – a mis à jour son célèbre Reset CSS. Après Reset Reloaded, voici donc Resetting Again ! Le plus gros changement est la suppression de l’héritage (inherit) des propriétés font-weight, font-style et font-family : la mauvaise prise en charge de la valeur inherit par Internet Explorer ne permet pas un reset satisfaisant dans tous les navigateurs. →
Archives des tags : Eric Meyer
5 Reset CSS à la loupe pour une remise à zéro des valeurs par défaut des navigateurs
Vous n’utilisez pas de styles CSS pour votre page web ? Ce n’est pas grave : les navigateurs le font pour vous. Ils utilisent chacun leur feuille de style par défaut pour obtenir un rendu visuel minimal. C’est pourquoi les tableaux possèdent des bordures, et les paragraphes des espaces avant et après. Le problème ? Si des balises comme strong
ou em
sont traitées de la même manière par les agents utilisateurs, l’immense majorité présente des différences plus ou moins importantes. Ce fameux manque de « consistance » décrié par les webdesigners anglo-saxons concerne principalement les propriétés margin
et padding
. Avec une pensée particulière pour le retrait des listes ol
et ul
: si IE applique bien le margin-left: 40px
préconisé, Firefox utilise quant à lui un padding-left: 40px
pour le même rendu. Dans ces conditions, il est tentant de vouloir mettre tous ces agents utilisateurs au garde-à-vous… →
Avec Color Blender, Eric Meyer ne me quitte plus ;)
En plus de ses bouquins, Eric Meyer, un maitre ès CSS, a eu la bonne idée de mettre des outils à la disposition des webmasters sur son site web. Color Blender permet de déduire les couleurs intermédiaires à partir d’une couleur de départ et une couleur d’arrivée. Je vous propose une traduction (approximative) du mode d’emploi :
- Choisissez un format de couleur (hex, rgb, rgb%), entrez deux couleurs dans le format voulu, et indiquez le nombre de couleurs intermédiaires que vous désirez. Cliquez sur Blend et le résultat apparait plus bas.
- Toutes les valeurs sont arrondies au nombre entier le plus proche.
- Vous pouvez cliquer sur un carré de couleur de la palette des couleurs à droite pour remplir le champ qui a le focus, avec la valeur appropriée.
- Passer d’un format à un autre aura pour effet de traduire toutes les valeurs déjà en place.
- Le bouton Clear efface toutes les valeurs et les couleurs, mais ne change pas la valeur du format de couleur en cours.
- Si vous voulez utiliser Color Blender offline, enregistrez la page sur votre disque dur.
Attention, utiliser Color Blender une fois, c’est l’utiliser toujours !
MAJ du 24/11/06 : colorblender.com propose à peu près les mêmes fonctionnalités.