Make Interfaces Feel Better

Sélectionné par Skill Harbor : les petits détails de design-engineering qui, accumulés, donnent une interface soignée au lieu d'une interface plate, générique, étriquée ou inachevée. Issu de la pratique communautaire, il donne des règles concrètes et vérifiables plutôt que du goût vague : rayon concentrique pour les surfaces arrondies imbriquées (le rayon externe égale le rayon interne plus le padding), alignement optique (le centrage géométrique n'est pas toujours le centrage visuel, donc ajustez à l'œil les boutons d'icônes et les glyphes asymétriques), bordures pour la séparation et les anneaux de focus avec des ombres en couches réservées à l'élévation, et des états d'interaction complets pour chaque contrôle (survol, actif, focus, entrée, sortie, chargement, vide). Conçu pour réviser ou améliorer l'espacement, la typographie, les bordures, les ombres, le mouvement, les zones de frappe, les icônes, le retour à la ligne et les états d'interaction sur contrôles, cartes, listes, tableaux de bord, navigation, formulaires et barres d'outils. Par @affaan-m, listé ici avec crédit à son créateur. Tiré du dépôt affaan-m/ECC (MIT). Bémols honnêtes : pur guide, rien à installer ; les règles sont des heuristiques de cohérence optique, pas des lois de la physique, donc faites preuve de jugement quand une mise en page résiste à la formule. Skill Harbor ne vérifie jamais le code, examinez-le vous-même avant usage.