Les liens hypertextes sont la colonne vertébrale du Web. La plus part du temps, ils se résument à un texte graphiquement mis en évidence (historiquement, bleu et souligné). Néanmoins, techniquement et sémantiquement parlant, les liens peuvent bénéficier de méta-données qui offrent un certain nombre d'informations qui pourraient être utile à l'utilisateur mais ne sont pas mises en évidence par les navigateurs. Par exemple, l'attribut target permet de définir dans quel fenêtre ou cadre va s'ouvrir le lien, ou l'attribut hreflang qui permet de connaitre la langue de la page où mène le lien et je ne vous parle même pas de l'attribut rel. Dans cet article je vais vous montrer comment utiliser la génération de contenu CSS pour afficher certaines de ces informations à l'utilisateur.
Tag - css
mercredi 23 juin 2010
Améliorez vos liens avec la génération de contenu CSS
Par Jeremie le mercredi 23 juin 2010, 14:19 - Web
jeudi 28 janvier 2010
La propriété CSS display: inline-block
Par Jeremie le jeudi 28 janvier 2010, 14:00 - Web
La propriété CSS display reste sous-employée par les intégrateurs web. Ce n'est pas entièrement leur faute, les implémentations dans les navigateurs n'étant pas entièrement à la hauteur de la norme. Je reviens ici sur la valeur inline-block de cette propriété qui est désormais implémenté dans tous les navigateurs du marché et qui peut facilement nous aider à sortir de la sur-utilisation de la propriété float.
mardi 10 novembre 2009
Le modèle de boite flexible en CSS 3
Par Jeremie le mardi 10 novembre 2009, 12:13 - Web
La future norme CSS3 introduits plusieurs façons différentes d'appréhender la mise en page d'un document web. Il y a quelques temps, je vous ai parlé du module "Template Layout". Cette fois je vais vous présenter le module "Flexible Box Layout" qui est sans doute le plus prometteur de tous, d'autant plus qu'il commence déjà à être implémenté (non, pas dans IE, arrêtez de rêver !)
Update: Dear English readers, I've made an English version of this article available on hacks.mozilla.org.
Update 2: There's a Chinese version available... amazing!
mercredi 26 août 2009
La préséance des sélecteurs CSS
Par Jeremie le mercredi 26 août 2009, 20:00 - Web
Comment savoir quelle règle CSS va s'appliquer à un éléments, en particulier quand deux règles entre en conflit ? Pour déterminer cela, les sélecteurs CSS on un poids et une priorité qui va permettre aux navigateurs de calculer la préséance des règles à appliquer. Voyons un peu comment ça ce passe.
jeudi 16 juillet 2009
CSS 3 : Le module "Template Layout"
Par Jeremie le jeudi 16 juillet 2009, 20:10 - Web
Le future norme CSS3 est composée de modules qui sont normalisés plus ou moins indépendamment. Parmi eux, il y en un, discret, mais qui représente quasiment le sain Graal de la mise en page en CSS : le module "Template Layout". Eric Mayer s'est récement fait la voix des Web Designer afin d'insister sur le besoins que représente un système de mise en page totalement indépendant du flux de la source HTML. Ok, ce module n'est encore implémenté par aucun navigateur, quoi que... mais voyons ce que cela pourrait apporter.
mardi 30 juin 2009
Passez à la vitesse superieure avec CSS 3
Par Jeremie le mardi 30 juin 2009, 20:00 - Web
Cet article est une traduction de l'article "Take Your Design To The Next Level With CSS3" rédigé par Inayaili de Leon pour Smashing Magazine. Merci à eux de m'avoir autorisé à la faire.
Sans être exhaustif, cet article propose un grand tour d'horizon de l'état de l'art des implémentations de la future norme CSS 3 dans nos navigateurs favoris. C'est la première fois que je réalise une telle traduction donc, toute les remarques sur ce point sont les bienvenues. Merci à tous ceux que j'ai embêtés sur Twitter et Identi.ca sur certains points de traduction (ils se reconnaitront).
lundi 27 avril 2009
Le webdesign des coins arrondis
Par Jeremie le lundi 27 avril 2009, 18:32 - Web
Réaliser des boites avec des coins arrondis, c'est une tarte à la crème du webdesign. Seulement, ce n'est pas aussi simple qu'on le croit. Je me suis donc amusé à faire un petit tour des différentes solutions possibles pour réussir cela.
