WEBALORS #1 : ASTUCES & ACTUS WEBDESIGN
Tout d’abord, bienvenue à tous pour cette toute première édition du WebAlors ! Cette nouvelle catégorie paraîtra tous les mois et vous présentera les nouveautés et astuces liées au Web Design. Et pour cette première édition on commence fort puisqu’on vous parlera de Color Contrast Check, de Litmus et du format SVG. Let’s Go !
#Astuce : Colour Contrast Check
Ce petit outil en ligne est indispensable pour tout designer qui réalise des interfaces Web. Il permet de spécifier une couleur de premier plan et d’arrière-plan, et ainsi déterminer si elles offrent suffisamment de contraste pour obtenir un confort de lecture.
Comment s’en servir ?
Il suffit de rentrer une couleur de premier plan (Foreground) généralement la couleur pour le texte et d’insérer une couleur d’arrière-plan (Background).
Pour terminer, afin de vérifier si vos couleurs sont compatibles, il faut regarder les 4 dernières cases dans le tableau Results (résultats) et voir si oui ou non les normes sont respectées. (Pas de panique la vérification est simple vu que l’outil nous informe par “oui” ou par “non” si les normes sont bonnes).
Aperçu page Color Contrast Check
#Astuce : Litmus
Pourquoi ?
Il s’agit d’un outil en ligne qui génère l’aperçu de l’email sur les différentes boites mails qui existent et sur tous types de supports comme les versions mobiles.
Comment ça marche ?
C’est tout simple ! Il suffit de copier-coller notre code HTML directement dans Litmus et d’attendre la génération. Par la suite, il nous reste plus qu’à défiler l’aperçu des différents supports pour vérifier qu’il n’y a pas d’erreurs.
#Nouveauté : Le SVG
Le SVG est un format de plus en plus utilisé en Web.
Il présente beaucoup d’avantages puisque ce format est composé de vecteurs. C’est-à-dire qu’il est indépendant de la résolution et peut donc s’afficher sur tout type d’écran. Nous n’avons plus besoin de se soucier de la résolution !
