Lunaweb, une réflexion sur la création web et le marketing Internet

Entity Code, le site des abréviations HTML

Par le
No Gravatar

Entity Code, le site des abbréviations HTML

Pour les guerriers de l’intégration Web, voici un outil de référence très pratique permettant de connaître d’un coup d’œil l’équivalent HTML d’un symbole, d’un acronyme ou d’une abréviation. De construction simple, l’arborescence classe par type de besoin les différentes ressources disponibles : symboles généraux, mathématiques, devises, direction… Un vrai couteau suisse !

Ce site présente en outre une navigation à chargement AJAX permettant de ne pas relancer un rafraîchissement complet de la page lorsque l’on passe d’une catégorie à l’autre. Pratique et rapide, cet artefact réduit le temps d’utilisation de ce service pour en faire une véritable bibliothèque portable des entités HTML courantes.

De plus, l’utilisation d’une navigation par onglets (merci à Klaus Hartl pour son plugin jQuery) permet un passage rapide d’une famille d’abréviations à l’autre, en gardant le focus de la page, c’est-à-dire sans avoir à re-scroller la page afin de retrouver son niveau de lecture initial. Si l’on ajoute à cela l’utilisation de couleurs à fort constraste (sans aller jusqu’au noir et blanc pur) et le recours à un design très tableau (normal pour une… table de références!), on obtient un outil fort agréable et utile !

> Voir le site Entity Code

Pour en savoir plus sur l'auteur de cet article...  Nicolas a fondé LunaWeb il y a 5 ans. Passionné d'ergonomie, d'utilisabilité et des techniques modernes de communication Web, il scrute de près les évolutions des usages Internet (web social, réseaux, webmarketing, ...). Lire plus d'articles de cet auteur...

  • En revanche pour ajouter des caractères utf8 via CSS dans un projet encodé en ISO, il faut passer par le code hexa (les entités html et utf8 ne passent pas).

    exemple pour afficher le symbole € après un prix :
    .price:after {
    content: ' \20AC';
    }

    Vous trouverez toutes ces correspondances à cette adresse :
    http://www.dkinweb.com/ascii-characters.php
  • Excellent.

    C'est "bookmarqué" :)

    Merci beaucoup
blog comments powered by Disqus
↑ Haut de page