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é).
Histoire d'un redesign.
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.
Plein d'outils pour UX/UI Designer.
De l'art de la page vide.
Des idées de proximity feedback intéressantes.
Des idées de design pour des conteneurs sans contenu.
Des tonnes de ressources pour styliser vos composants.
Quelques autres articles:
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.
Des tonnes de petites astuces à utiliser dans vos interfaces d'applications. J'adore !
Un thème Bootstrap très esthétique.
Une extension Chrome pour éditer pas mal de propriétés d'un site en live. Rien que les outils de dev ne puissent faire mais il y a quelques trucs bien pensés comme la possibilité de changer une couleur complète sur toute la page.
Une font très lisible pour interface graphique.
tl;dr
Créer le slider parfait.
Des couleurs, plein de couleurs.
Un générateur de palette de couleur harmonieuse.
Todo : imprimer ça taille poster.
Plein de styles de checkbox, certaines en full CSS, d'autres avec du Javascript en plus.
Plein d'idées intéressantes pour une interface de recherche élégante.
Une saine lecture non dénuée d'humour :)
Une GUI pour rclone.
Via http://sebsauvage.net/links/?SvAf3Q
Utiliser des multiples de 8pt pour dimensionner une UI, pour améliorer le rendu lors d'un "scaling" du navigateur et éviter les demi-pixels par exemple.
La spec est plus détaillée ici.
Un article très intéressant à propos de la gestion de l'espace lors du design d'une page web. On y pense malheureusement souvent assez peu mais ça peut avoir un impact capital sur la lisibilité et sur le ressenti de l'utilisateur.
D'autres bonnes pratiques pour les formulaires d'inscription.
Via https://blog.stephaniewalter.fr/la-semaine-en-pixels-7-octobre-2016/
Vers une meilleur gestion des erreurs.
Via https://blog.stephaniewalter.fr/semaine-pixels-23-septembre-2016/
Un outil en ligne pour créer des formulaires assez follement ergonomiques.
Ça peut être une bonne source d'inspiration si vous souhaitez améliorer un peu la User Experience de vos développements.
Encore un article plein de bon sens sur les bonnes pratiques indispensables lorsque l'on met en place un formulaire.
Une vraie mine d'or si vous recherchez de l'inspiration pour créer une interface utilisateur.
tl;dr - tl;dw en fait :)
Je me note ça pour plus tard.
Une réflexion intéressante sur la construction des interfaces tactiles.