la toile

J'ai contribué à un éditeur open-source, et vous aussi

Il y a quelques mois, [post about autocompletion in form](https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) de Jason Grigsby a fait le tour. J'ai adoré l'idée de permettre aux utilisateurs de remplir les détails de leur carte de crédit en prenant une photo de leur carte. Ce que je n'aimais pas, c'était apprendre [toutes les valeurs possibles pour le remplissage automatique par cœur](https://html.spec.whatwg.org/multipage/forms.html#autofill). Je deviens paresseux dans ma vieillesse. Dernièrement, j'ai été gâté en utilisant un éditeur qui fait de l'auto-complétion intelligente pour moi, quelque chose qui dans le passé ne proposait que des IDE complexes massifs. En ouvrant l'éditeur de mon choix, j'ai créé un élément "input" et ajouté un attribut "autocomplete", pour constater que la saisie automatique du code m'offrait l'état "on" ou "off". Décevant.

Étiquette Photoshop pour une conception Web réactive

Cela fait presque cinq ans que [Photoshop Etiquette](https://photoshopetiquette.com/) a été lancé, ce qui en fait officiellement une relique sur le Web. Beaucoup de choses peuvent se passer sur le Web en quelques années, et ces cinq dernières années l'ont mieux illustré que la plupart.

S(GH)PA : le hack d'application monopage pour les pages GitHub

lorem ipsum

Comment exécuter une critique de conception d'interface utilisateur

La critique est facile. Il semble que tout le monde ait une opinion, mais, comme le souligne l'auteur Harlan Ellison, "Vous n'avez pas droit à votre opinion. Vous avez droit à votre opinion éclairée." Cependant, pour s'informer, il faut explorer. Les critiques de conception sont une partie importante de toute exploration de produit. Une critique de design - où le créateur discute et explique la création avec le reste de l'équipe et/ou le client - ne consiste pas à harceler le designer ou à le pousser à justifier chaque décision qu'il a prise. C'est juste une critique. **Une bonne critique de conception a pour but d'explorer la conception**, de trouver où elle fonctionne et où elle pourrait être améliorée. Si elles sont bien faites, les critiques de conception permettent à tous les membres de l'équipe de se sentir entendus et permettent aux clients de donner de précieux commentaires.

Guide du débutant sur les applications Web progressives

Les PWA tirent parti des dernières technologies pour combiner le meilleur des applications Web et mobiles. Cet article examine les avancées récentes du navigateur et les opportunités dont nous disposons, en tant que développeurs, pour créer une nouvelle génération d'applications Web.

Experience Design Essentials : Microinteractions animées dans les applications mobiles

Dariel Fitzkee, le célèbre magicien, a dit un jour : « La magie est à la fois dans les détails et dans la performance. La conception d'interaction est juste comme ça. Les concepteurs adorent avoir une vue d'ensemble correcte, mais si les détails ne sont pas traités correctement, la solution échouera. **La magie réside dans les détails**. C'est pourquoi des micro-interactions bien conçues donnent l'impression que les expériences sont conçues. Pour mieux comprendre comment votre conception bénéficie des micro-interactions, il vous sera utile d'esquisser vos idées d'application. Adobe a introduit une nouvelle application de conception et de wireframing appelée Experience Design (ou Adobe XD) qui vous permet de concevoir des wireframes et de les rendre interactifs. Vous pouvez télécharger et tester Adobe XD gratuitement.

Les développeurs "possèdent" le code, alors les concepteurs ne devraient-ils pas "posséder" l'expérience ?

Nous y avons tous été. Vous avez passé des mois à rassembler les besoins de l'entreprise, à élaborer des parcours utilisateur complexes, à créer des éléments d'interface de précision et à les tester sur un échantillon représentatif d'utilisateurs, pour finalement voir un produit final qui ressemble peu à l'expérience souhaitée.

Conception de la mémoire utilisateur : comment concevoir des expériences qui durent

Les deux graphiques illustrés ci-dessous ont changé ma façon de penser. Reproduite à partir d'une étude de psychologie classique de 1996, l'histoire derrière ces graphiques est une illustration vivante du fait que la façon dont nous, les humains, nous sentons sur le moment lorsque nous expérimentons le monde peut être très différente de ce que nous ressentons lorsque nous repensons à ces expériences plus tard.

Calendriers de fond d'écran : août 2016

[Depuis huit ans](https://www.smashingmagazine.com/tag/wallpapers/), notre défi mensuel de fonds d'écran est un favori de Smashing qui ne serait pas possible sans les efforts inlassables de designers et d'artistes talentueux du monde entier . Dans une quête pour répondre aux ** fonds d'écran qui sont un peu plus distinctifs que la foule habituelle **, nous vous mettons au défi, la communauté des designers, de laisser libre cours à votre créativité et de produire des designs intéressants et inspirants chaque mois. Et bien, ce n'était pas différent cette fois-ci.

Liste de lecture de développement Web #147 : Consignes de sécurité, composants d'interface utilisateur accessibles et conception axée sur le contenu

Lorsque vous travaillez en équipe, il est important de respecter les règles. Un défi courant consiste à créer tous vos projets avec un ensemble d'outils similaire ou identique et des **directives de codage**. Pas plus tard qu'hier, j'ai expliqué comment nous pourrions transférer un projet qui a dépassé sa base de code initiale au fil des ans vers un nouveau code source basé sur React.js. La décision n'a pas été facile, car nous avions déjà investi beaucoup de travail et d'argent dans ce projet, et un passage à React prendrait également du temps. Mais comme le changement a du sens d'un point de vue technique et que l'équipe utilise déjà React pour trois autres projets, nous avons conclu que ce serait une bonne étape à faire. Cela permettra à plus de développeurs de l'équipe de contribuer au projet, de revoir le code et de réduire le changement de technologies dans l'entreprise. Parfois, il est temps de réévaluer vos projets et de passer à autre chose.