A small tool to compute your fluid typography clamp()
instruction
Guide de "ce qu'il ne faut pas oublier" quand on design pour la performance : écrans de chargement, vide, erreurs, synchronisation, perte de connexion, etc.
There's an issue in Silicon Valley and I think the technology industry as a whole, we think adding features increases value, while adding features actually decreases the experience and the focus.
The answer is, as with most matters: It depends. Depending on the type of content you’re working with and the kind of information you’re asking for, it could easily either be one checkbox or two radio buttons. The collection of answers above can hopefully help you make a more informed decision. But as with all user interfaces, nothing beats the input you can get from user testing and research. So hopefully the answers above can at least serve as a starting point in situations where you need more to make a decision.
La vie est bien faite : il existe des alternatives accessibles pour toutes les problématiques de design web. Je n’en ai évoquées que quelques-unes dans cet article, mais il en existe bien d’autres.
La vieille croyance selon laquelle l’accessibilité ferait peser une contrainte graphique sur les sites, qui seraient de facto « forcément moches » s’ils sont accessibles, provient peut-être du fait qu’on a longtemps eu une vision jusqu’au-boutiste de l’accessibilité, ce qui a pu aboutir à des résultats graphiques malheureux.
"Le parcours utilisateur e-commerce est donc faisable et réalisable en AMP. Votre page produit ou catégorie s’affichera dans les premiers résultats dans le moteur de recherche Google, la performance d’affichage et la navigation entre les pages seront améliorées pour une meilleure satisfaction de vos clients et sans doute plus d’achats sur mobile !"
A Comprehensive Guide To Web Design
"How to design for low-bandwidth users: a conversation with members of Wikimedia’s Global Reach, Audiences, and Performance teams"
What the Internet was like ten years ago.
A curated list of awesome design systems, pattern libraries, and everything inbetween.
Une selection / comparaison d'outils pour le design, le prototyping, le monitoring…
Un projet Open-Source n'est pas qu'un projet de Code. Comme n'importe quel autre projet, il faut un positionnement, une réflexion, un design, une exécution en collaboration. L'expérience utilisateur et le graphisme ne peuvent et ne doivent pas arriver en dernier.
"These great responsive websites go beyond the hamburger menu, and showcase really intuitive mobile navigation."
Common mistakes designers make and how to fix them.
"A curated list of tools and resources for people who make websites"
"BLOKK fontBLOKK is a font for quick mock-ups and wireframing for clients who do not understand latin. BLOKK gives you a nice fill text for mock-ups and wireframing without the lorem ipsum. The new and better wireframing font."
"An interactive 3D mall map concept with a sidebar search and pin indicators for every level."
"Design matters. Speed matters. What if we could
have both? In this handbook, we have collected
industry best practices that allow teams to run
design sprints"
C'est depuis fin 2010 qu’il est possible de réaliser simplement via CSS des bordures arrondies. Pourtant, dans la plupart des cas, nous n’en faisons qu’un usage limité, au point d’être un peu perdus quand il s’agit de sortir des sentiers battus.
Une très belle source d'inspiration pour la retranscription web de voyages.
An offline first, RWD, Progressive Rendering, Animated, Virtual-DOM & Web Worker WebApp
Jensen Harris shares behind-the-scenes stories of how the Microsoft Office 2007 Ribbon user interface was imagined, designed, and validated.
Get quickly inspiration!
"Native select boxes are rubbish and I have the user research videos to prove it."
"Gratuitous animation can be seen everywhere and it’s not only limited to amateur designers. As a user it’s easy to spot this kind of animation. It’s the animation that gets in your way. The animation that makes you furrow your brow in frustration as it stands between you an your intended goal."
Un placeholder d'images "dummy" ou les couleurs et les polices sont modifiables, et où on peut utiliser de la transparence... le tout en Open Source, instanciable sur votre serveur si vous le souhaitez.
Refonte centrée UX, design moderne, contenus revus, moteur de recherche performant... le nouveau Paris.fr est une réussite, pour un budget tout à fait honnête pour ce genre de projet. Félicitations !
Outil minimal de wireframing, gratuit.
"These are some of the ways to make important actions in mobile applications more accessible to one-handed use on large smartphones."
Invisible, that’s how animation should be.
le design des programmes
A modern responsive front-end framework based on Material Design
A list of the extensions that will help front-help developers to work much faster.
"UX Myths collects the most frequent user experience misconceptions and explains why they don't hold true. And you don't have to take our word for it, we'll show you a lot of research findings and articles by design and usability gurus."
"The only way of knowing the “good” from “bad” in the wireframing world is how your wireframes serve to communicate the ideas and progress in the product development process."