Template

Fichier codé définissant la structure générale d’une page Web ou d’un ensemble de pages d’un site Web de façon cohérente. Ce squelette de page contient des éléments statiques de mise en page déjà positionnés et mis en forme, ainsi que des variables ou résultats de fonctions, des éléments dynamiques interpolés sous forme de chaînes de […]

Bulma.io

Framework CSS modulaire et flexible, basé sur Flexbox, utile quand vous avez besoin de personnaliser fortement l’apparence de votre interface utilisateur. Bulma.io

Playful palette

Palette de couleurs mise au point par le laboratoire des innovations Adobe Research en collaboration avec l’Université de Toronto améliorant le détail des nuances.

Cinémagraph

Le cinémagraph combinaison des mots « cinéma » et « photographie » est une technique qui permet d’animer une partie seulement d’une image, en ayant recours à une boucle vidéo pour créer un mouvement répétitif et donner l’illusion de mouvement alors que le reste de l’image reste fixe. Dans un cinémagraph une ou plusieures partie de l’image semblent être […]

Media queries

Les requêtes media désignent une spécification des propriétés en CSS3, qui permet d’adapter la présentation du contenu d’une page Web à des conditions particulières d’affichage selon les écrans (viewport) et une large gamme d’appareils avec les règles @media et @import. Le choix des media queries est assez subjectif et dépend aussi de l’analyse des terminaux […]

Palette de couleurs web

Une palette de couleurs est un nuancier de différentes teintes. Les couleurs utilisées pour un site Web doivent être adaptées à l’image de l’entreprise et au message à véhiculer et être en harmonie entre elles, compatibles pour l’impression.  Pour créer votre palette de couleurs, il faut à la fois prendre en compte la symbolique des couleurs, choisir des couleurs qui […]

Benchmark graphique

Document d’analyse concurrentielle présentant les planches de sites web. Les planches synthétisent plusieurs critères de différenciation : architecture/ design / ergonomie en présentant les points  positifs et points d’amélioration (les +, les -).

Ancre

Point de repère pour atteindre directement une partie spécifique d’une page longue. Un attribut id est ajouté à une balise html qui va alors servir de repère. Des liens externes ou internes à la page peuvent atteindre directement cet emplacement précis. Synonyme : ancre HTML

Affordance

En psychologie de la perception, signifier à l’utilisateur les éléments avec lesquels il peut interagir, l’induire à l’action. Exemple : call to action CTA

GAFAM design

Le GAFAM design qualifie les tendances de webdesign impulsées par les 5 géants du web Google, Apple, Facebook, Amazon et Microsoft.