J’ai déjà présenté un site Web appelé &what; qui facilite la vie des développeurs Web en mettant à leur disposition des tableaux de correspondance pour trouver les codes des symboles et des caractères spéciaux qu’il est possible d’utiliser principalement avec les langages HTML et CSS . Ce site est toujours en ligne, mais on le complétera avec un outil similaire pour le cas où celui-ci viendrait à disparaître.
Sur le même principe, le site Web HTML Arrows se veut la référence en matière de caractères spéciaux, de symboles HTML et autres caractères utilisés dans les différents alphabets latins ou non latins.
Je trouve que l’interface utilisateur du site est particulièrement réussie, très colorée et agréable à regarder, malgré la grande austérité du thème traité. L’affichage des symboles se fait sous la forme d’une grille ou d’une liste qui présente tous les codes d’une catégorie dans un tableau où sont condensées toutes les données.
On accède aux différents symboles par grandes rubriques thématiques : Flèches, symboles monétaires, lettres, caractères accentués et spéciaux de tous les alphabets, symboles mathématiques, nombres, fractions, chiffres romains, signes de ponctuation, symboles divers.
Un moteur de recherche est aussi de la partie et sera surtout utile quand on sait quoi exactement rechercher : codes, noms…
En cliquant sur un symbole, on accède à sa fiche descriptive détaillée : affichage du symbole à l’écran, nom de l’entité, codes à utiliser (Unicode, hexadécimal, code HTML, entité HTML, code CSS. Des exemples de codes HTML et CSS à réutiliser sont aussi fournis.
Des liens vers des ressources utiles au développement Web sont aussi mis en avant : thèmes WordPress – HTML Color Codes pour travailler avec les couleurs en HTML et en CSS : Color Picker, Color Chart pour déterminer des combinaisons de couleurs qui se marient correctement entre elles, noms des des 140 couleurs gérées par le langage HTML, tutoriels pour apprendre les langages HTML et CSS.
Site : HTML Arrows
