Des règles générales à suivre pour n'importe quel type de design web.
Un design system très clean, très accessible, très bien documenté, et qui propose des WebComponents prêts à l'emploi ainsi qu'une intégration simplifiée avec les principaux gros frameworks front-end.
Une police d'écriture à graisse variable, gratuite et garantie sans serif 🙃
Au passage, j'adore l'effet produit par le header de la page. Ce n'est pas une vidéo contrairement à ce qu'on pourrait croire, c'est juste une image au dessus de laquelle l'auteur à ajouté un filtre SVG qui donne cette impression de vagues qui bougent. C'est brillant.
Un très bon topo sur les messages d'erreur dans une application.
Ce site regroupe plein de ressources autour des web components. Notamment des exemples de design systems. Parfait si vous cherchez l'inspiration pour votre prochain projet.
Une idée de redesign pour Github. J'aime bien :)
Des conseils super utiles pour la construction d'une palette de couleur. Ce n'est clairement pas aussi facile et immédiat que les générateurs de palettes de couleurs essayent parfois de nous le faire croire.
Un regroupement de petits dessins sous licence CC BY 4.0 pour illustrer vos pages web.
Plein de très bonnes indications sur les erreurs à éviter pour le design d'une page.
Des idées de design pour des conteneurs sans contenu.
Une extension pour rendre Wikipedia plus sexy.
Des tonnes de ressources pour styliser vos composants.
Créer un tableau réutilisable.
Un exercice intéressant loin d'être évident. Il faut penser à toutes les utilisations possibles par les "remplisseurs" et par les "lecteurs".
En plus le design est loin d'être vilain :)
Des ressources graphiques réparties par thèmes.