Une réflexion intéressante sur les anciennes interfaces graphiques (Windows 95 et consorts) et les avantages qu'elles présentaient en matière de cohérence, malgré un style désuet.
Je n'aime pas Vercel mais cette page regroupe de bons conseils en matière de construction d'interface graphique pour le web.
Des outils intéressants pour aider au design de sites web (color pickers, animation, etc.).
Un retour sur le souci du détail en matière d'UI/UX et pourquoi ça fait la différence.
GitHub décourage l'utilisation des toasts, ces petites notifications qui s'affichent en surimpression, souvent dans le coin d'une page pour informer d'un événement.
Comment concevoir correctement un champ OTP (One-Time Password) uniquement avec HTML et CSS.
C'est vrai que la grande majorité de ces champs est une plaie à utiliser (copier/coller qui ne marche pas, curseur qui saute d'un champ à l'autre sans raison, impossibilité d'effacer facilement l'un des numéros, etc.).
Une liste de petites applications utilitaires qui ont la particularité de tourner intégralement dans le terminal, mais de proposer néanmoins une interface "graphique".
Si vous vous demandiez à quel point l'interface de Linux est customisable.
Une revue intéressante de l'évolution du design visuel de MacOS mais à reculons, en inversant la ligne du temps.
C'est une bonne manière de se rendre compte de certains sacrifices effectués sur l'autel de la modernité.
Une source d'inspiration pour créer des morceaux d'interface graphique.
Impressionnant ce portfolio 😳
Attention ça bouge beaucoup !
Tout (mais vraiment tout !) savoir sur les couleurs et le contraste, à des fins de design web.
Une collection de 4000+ éléments HTML + CSS (boutons, checkboxes, etc.) à copier/coller dans vos projets.
Via https://korben.info/uiverse-plus-3500-elements-interface-utilisateur-copier-coller-projets-web.html
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.
Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.
Une lib de composants compatibles avec React, Vue, Svelte, Angular et même du pur JS. J'imagine même pas le boulot de maintenance que ça représente 🙃
Un outil pour générer une palette de couleurs à partir de couleurs de base que vous définissez.
Des exemples de design d'interfaces graphiques.
Plein de choses à savoir sur les boutons ! (et non, on ne parle pas ici de la puberté).