L’ombre d’un doute ...
- Date de publication
- 24/05/04
- Commentaires
- aucun commentaire
- Tags
Un effet graphique assez répandu, au point d’envahir notamment les interfaces graphiques des différents OS, est celui des ombrages. Les ombres permettent de donner du relief aux interfaces, principalement pour mettre en évidence la supperposition de différentes « couches » graphiques.
Dans le cas du web, le support des ombres n’est pas encore généralisé. Il est prévu dans CSS3, mais en attendant il faut trouver des astuces ...
Une des premières références en la matière est l’article Easy CSS drop shadows publié le 14 novembre 2003 par Dunstan Orchard.
Mais une référence plus visible puisque publié sur le fameux A List Apart est le couple d’articles publiés par Sergio Villarreal :
- CSS Drop Shadows publié le 27 février 2004
- CSS Drop Shadows II : Fuzzy Shadows, publié le 23 avril 2004
A peine un mois plus tard, Brian Williams proposait sur A List Apart sa propre version intitulée Onion Skinned Drop Shadows. Cette version apportait l’avantage d’être assez souple pour s’adapter à toute taille de contenu, mais nécessitait l’usage de 3 div imbriqués, pas terrible pour ce qui est de la « qualité » du XHTML produit.
Mais voilà qu’est proposée une nouvelle approche intitulée :BefTer Drop Shadows, qui utilise les pseudo éléments :before et :after et ne nécessite ainsi qu’un unique div.
Il existe de nombreuses autres ressources à propos des ombres gérées via des CSS, mais celles présentées ici devraient suffire à se faire une idée, en attendant la prochaine idée révolutionnaire ...
Commentaires
Derniers articles
-
Copie privée, le non droit qu’on n’a pas
Le toujours excellent [1] et cryptique [2] Maître Eolas nous apprend que le droit à la copie privée n’est pas un droit, et que de toute façon on ne l’a pas, on a l’air malins !
- Date de publication
- 4/07/08
- Commentaires
- 1 commentaire
- Tags
-
Citation de Robert Hoekman, jr.
The application itself is not a goal at all, it’s an obstacle between the user and their goal. [1]
- Date de publication
- 2/07/08
- Commentaires
- aucun commentaire
- Tags
-
Wordle fait de jolis nuages de tags
Pas mal de blogs ont déjà parlé ces derniers jours de Wordle, un service permettant de réaliser via une applet Java [1] des nuages de tags assez jolis.
- Date de publication
- 26/06/08
- Commentaires
- aucun commentaire
- Tags
Derniers commentaires
Jojo sur Copie privée, le non droit qu’on n’a pas : ce n’est effectivement pas un droit, et il n’a jamais été prétendu dans la loi que ç’en était un... (...) >>
NiKo sur Les 3 Suisses mutilent leurs mannequins ! : J’ai envoyé l’url de ton billet à PhotoshopDistasters, croises les doigts >>
Xavier sur Les 3 Suisses mutilent leurs mannequins ! : Peut-être le bellâtre tenait-il dans sa main une bouteille de bière, faisant penser que "les (...) >>
Sur Microsoft Office:mac 2008 a un auto update capricieux : tutut tu te gourres même si ce n’est pas évident. l’installeur de autoUpdate te demande de fermer (...) >>
Plugandsecure sur Les transferts de gros fichiers simplifiés : PnS Concept propose une solution payante qui présente de très nombreux avantages : transfert de (...) >>
giz404 sur Les dinosaures du Web francophone sont gâteux... et je me fais (virtuellement) vieux : Si je suis loin d’être un dinobloggueur (j’ai commencé en 2004), tu m’as donné envie de fouiner dans (...) >>
Sylvain sur Google s’emmêle les pinceaux : hmmm ... je pense que c’est surtout que ton site à un bien meilleur score sur ces mots (...) >>
Oncle Tom sur Diigo l’ultra social permet de s’ajouter comme son propre ami : Qu’est-ce qui est si bien sur Diigo ? J’ai du mal à remplacer ma barre de favoris Delicious et le (...) >>
NiKo sur Surveillez vos erreurs 404, elles peuvent être très instructives : Attention cependant, logguer les 404 dans une base de données (ou dans un fichier de logs (...) >>
Olivier G. sur Surveillez vos erreurs 404, elles peuvent être très instructives : Intéressant. Est-ce que tu n’aurais pas aussi intérêt à t’envoyer l’adresse IP du visiteur (...) >>