Tout est dans le titre
Tout est dans le titre. Pour citer l'auteur : "On a exprimé le but de l'action de l'utilisateur (pourquoi veut-il faire ça) au lieu du moyen (comment faire ça). On a utilisé des verbes au lieu des noms.
En s'affranchissant du comment au profit du pourquoi, on y gagne du découplage"
L'auteur pointe du doigt un problème des web components : l'absence de dégradation gracieuse. Il est possible d'y remédier en incluant le contenu en fallback.
Par exemple, si on crée un composant "my-gallery" :
<my-gallery />on peut inclure le contenu de celle-ci :
<my-gallery>
<img src="..." />
<img src="..." />
<img src="..." />
</my-gallery>Si le JavaScript est désactivé, l'utilisateur aura malgré tout l'ensemble des images.
Ce qui préoccupe l'auteur (en résumé) dans la conception de feuilles de style :
1- La consistance
2- La clarté
3- L'efficacité
4- La possibilité de changer
5- L'UX
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre
Tout est dans le titre... la réponse est non ^^
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
Tout est dans le titre