Tout est dans le titre

Tout est dans le titre

Un article très complet sur les ombres en CSS. En résumé :

• Chaque élément de la page doit être éclairé depuis la même source de lumière globale
• La propriété box-shadow représente la position de la source de lumière, en utilisant un décalage horizontal et vertical. Pour assurer la cohérence, chaque ombre devrait utiliser le même ratio entre ces deux nombres.
• Plus l'élément est proche de l'utilisateur, plus le décalage et le rayon de flou devraient augmenter, et plus l'opacité de l'ombre devrait diminuer.

Quelques astuces :

• Créer un environnement uni en coordonnant nos ombres
• Utiliser les couches pour créer des ombres plus réalistes (cf https://shadows.brumm.af/ )
• Déformer les couleurs pour éviter l'effet "délavé" des ombres grises

Tout est dans le titre

Tout est dans le titre... Très intéressant

Tout est dans le titre

Il existe des "couleurs système" et des "polices système" en CSS. C'est pratique pour être cohérent avec l'OS

Tout est dans le titre

Utilisation de biais cognitifs dans le design

Un site de référence

L'auteur explique l'histoire de ce side project (suggestions de design) et les outils qu'il a employés. Très intéressant et le projet est chouette :)

Tout est dans le titre... des réflexions très intéressantes sur le design, l'UX et les métriques proposées par Google pour mesurer la "performance" d'un site

Tout est dans le titre... Passionnant !

Tout est dans le titre

Au menu, pléthore de liens sur :

• UX Design et Recherche Utilisateur
• UI Design et Visual Design
• Animer et styler en CSS
• JavaScript et PWA
• Accessibilité et qualité

L'auteur explique sa démarche pour le design du site "Poems to go"

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

L'auteur présente l'intérêt des "Design Tokens" : stocker les paramètres fondamentaux (typographie, couleurs, etc.) dans un fichier commun