Élément visuel appelé aussi diaporama tournant (slider) ou bannière animée constitué de diapositives glissantes (slides) pour mettre en évidence un contenu. Si vous utilisez trop de diapositives, l’utilisateur ne lira pas le contenu (taux de clic faible). Si votre diaporama se déclenche et défile automatiquement vous ne respectez pas bonnes pratiques d’accessibilité. L’efficacité d’un carrousel […]
Archives : Lexique de l'UI UX Designer
La parallaxe est un effet optique où lorsque plusieurs éléments se déplacent sur des couches et à des vitesses différentes, ils peuvent donner l’impression de se déplacer dans la profondeur selon les points de vue. Exemples synonyme : parallax En anglais : parallax scrolling
Effet de mouvement sur une image ou un plan vidéo fixe qui crée l’impression d’un travelling optique (zoom avant et arrière) ou d’un panoramique (caméra balaie), ou les deux combinés. Cet effet porte le nom du producteur, réalisateur, directeur de la photographie américain Ken Burns. Exemples Codepen.io kenburns
Éditeur de code libre et freemium facile d’utilisation, très rapide et pratique. Site web
Outil qui permet de générer visuellement l’arborescence d’un site Web. Site web
Un shader est un script qui s’appuie sur le processeur graphique (GPU) écrit dans la language GLSL (Graphics Library Shader Language (langage de shaders pour bibliothèques graphiques qui ressemble au language C). Il fait partie intégrante du WebGL utilisé pour créer des effets spéciaux réalistes dans la conception de sites Web. LearnOpenGL Water Droplet WebGL […]
Librairie JavaScript qui permet de manipuler et placer des effets de filtre WebGL shaders sur les images et les vidéos. Tout média utilisé par Curtain.JS est transformé en placeholder et masqué avant d’être remplacé par un mesh WEBGL (objet 3D constitué à partir d’un nuage de points vertices (ensemble de points les vertex). Site web
Palette composée de 140 couleurs prise en charge par la plupart des navigateurs Web. Chaque couleur est spécifiée par un nom, une valeur triplet hexadécimal à 6 chiffres dans un intervalle compris entre 00 et FF ou 0 à 255 (notation décimale). Table des couleurs
Connaissez-vous le nom de chaque couleur pour le Web ? Le site Traditional colors liste toutes les couleurs HTML. Traditionalscolors.com
Collection d’effets pour personnaliser l’atmosphère d’un site Web. Site web