ragnatela

Ho contribuito a un editor open source e anche tu puoi

Alcuni mesi fa, il [post sul completamento automatico nei moduli](https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) di Jason Grigsby ha fatto il giro. Mi è piaciuta l'idea di consentire agli utenti di inserire i dettagli della loro carta di credito scattando una foto della loro carta. Quello che non mi piaceva era imparare [tutti i possibili valori per il riempimento automatico a memoria](https://html.spec.whatwg.org/multipage/forms.html#autofill). Sto diventando pigro nella mia vecchiaia. Ultimamente, sono stato viziato dall'usare un editor che esegue il completamento automatico intelligente per me, qualcosa che in passato offrivano solo enormi IDE complessi. Aprendo il mio editor di scelta, ho creato un elemento `input` e ho aggiunto un attributo `autocomplete`, solo per scoprire che il completamento del codice mi offriva lo stato di `on` o `off`. Deludente.

Etichetta di Photoshop per un web design reattivo

Sono passati quasi cinque anni dal lancio di [Photoshop Etiquette](https://photoshopetiquette.com/), il che lo rende ufficialmente una reliquia sul web. Molte cose possono succedere sul web in pochi anni e questi ultimi cinque lo hanno dimostrato meglio della maggior parte.

S(GH)PA: l'hack dell'app a pagina singola per le pagine GitHub

lorem ipsum

Come eseguire una critica alla progettazione dell'interfaccia utente

La critica è facile. Sembra che tutti abbiano un'opinione, ma, come sottolinea l'autore Harlan Ellison, "Non hai diritto alla tua opinione. Hai diritto alla tua opinione informata". Per essere informati, però, richiede esplorazione. Le critiche al design sono una parte importante di qualsiasi esplorazione del prodotto. Una critica del design, in cui il creatore discute e spiega la creazione con il resto del team e/o del cliente, non riguarda il tormentare il designer o spingerlo a giustificare ogni decisione presa. Sono solo critiche. **Una buona critica del design ha lo scopo di esplorare il design**, trovare dove sta funzionando e dove potrebbe essere migliorato. Se fatte bene, le critiche al design consentono a tutti i membri del team di sentirsi come se fossero stati ascoltati e consentono ai clienti di fornire un feedback prezioso.

Una guida per principianti alle app Web progressive

Le PWA sfruttano le ultime tecnologie per combinare il meglio delle app Web e mobili. Questo articolo esamina i recenti progressi nel browser e le opportunità che noi sviluppatori abbiamo per creare una nuova generazione di app Web.

Elementi essenziali del design dell'esperienza: microinterazioni animate nelle app mobili

Dariel Fitzkee, il famoso mago, una volta disse: "La magia è sia nei dettagli che nella performance". Il design dell'interazione è proprio così. I designer amano ottenere il quadro generale giusto, ma se i dettagli non vengono gestiti correttamente, la soluzione fallirà. **La magia è tutta nei dettagli**. Ecco perché le microinterazioni ben progettate fanno sì che le esperienze sembrino realizzate. Per comprendere meglio come il tuo design trae vantaggio dalle microinterazioni, ti aiuterà a delineare le tue idee per le app. Adobe ha introdotto una nuova app di progettazione e wireframe chiamata Experience Design (o Adobe XD) che consente di progettare wireframe e renderli interattivi. Puoi scaricare e testare Adobe XD gratuitamente.

Gli sviluppatori "possiedono" il codice, quindi i designer non dovrebbero "possedere" l'esperienza?

Ci siamo stati tutti. Hai passato mesi a raccogliere requisiti aziendali, elaborare percorsi utente complessi, creare elementi di interfaccia di precisione e testarli su un campione rappresentativo di utenti, solo per vedere un prodotto finale che somiglia poco all'esperienza desiderata.

User Memory Design: come progettare per esperienze che durano

I due grafici illustrati di seguito hanno cambiato il modo in cui penso di pensare. Riprodotta da un classico studio di psicologia del 1996, la storia dietro questi grafici è una vivida illustrazione del fatto che il modo in cui noi umani ci sentiamo nel momento in cui sperimentiamo il mondo può essere molto diverso da come ci sentiamo quando ripensiamo a quelle esperienze in seguito.

Calendari per sfondi desktop: agosto 2016

[Da otto anni](https://www.smashingmagazine.com/tag/wallpapers/), la nostra sfida mensile di sfondi per desktop è una delle preferite di Smashing che non sarebbe possibile senza gli instancabili sforzi di designer e artisti di talento provenienti da tutto il mondo . Alla ricerca di **sfondi un po' più distintivi della solita folla**, sfidiamo te, la comunità del design, a far fluire i tuoi succhi creativi e produrre alcuni progetti interessanti e stimolanti ogni mese di nuovo. E, beh, questa volta non è stato diverso.

Elenco di lettura dello sviluppo Web n. 147: linee guida sulla sicurezza, componenti dell'interfaccia utente accessibili e progettazione incentrata sui contenuti

Quando si lavora in una squadra, è importante attenersi alle regole. Una sfida comune è costruire tutti i tuoi progetti con un set di strumenti simile o lo stesso e **linee guida di codifica**. Solo ieri ho discusso di come trasferire un progetto che ha superato la sua base di codice iniziale nel corso degli anni in un nuovo codice sorgente basato su React.js. La decisione per questo non è stata facile, dal momento che avevamo già investito molto lavoro e denaro in questo progetto, e anche il passaggio a React avrebbe richiesto un bel po' di tempo. Ma poiché il passaggio ha senso dal punto di vista tecnico e il team sta già utilizzando React per altri tre progetti, abbiamo concluso che questo sarebbe un buon passo da fare. Consentirà a più sviluppatori del team di contribuire al progetto, rivedere il codice e ridurre lo spostamento delle tecnologie nell'azienda. Di tanto in tanto, è il momento di rivalutare i tuoi progetti e andare avanti.