Aggiornamento mensile dello sviluppo Web 4⁄2018: su sforzo, pregiudizi ed essere produttivi

Al giorno d'oggi, è una delle sfide più grandi pensare a lungo termine. In un mondo in cui viviamo con dispositivi che durano solo pochi mesi o forse qualche anno, in cui acquistiamo cose da buttare via solo giorni o settimane dopo, il termine 'sforzo' acquista un nuovo significato.

Recentemente stavo leggendo un saggio su "Yatnah", "Sforzo". Nelle ultime settimane ho passato molto tempo all'aria aperta nella natura e ho creato un piccolo acro per coltivare degli ortaggi. Ho anche frequentato un laboratorio per imparare il mestiere di innestare alberi da frutto. Quando tagli un albero, ti rendi conto che il nostro stile di vita veloce ea breve termine è molto diverso da come funziona la natura. Ho innestato un albero che dovrebbe crescere ormai da decenni, e se tagli un albero che è lì da quarant'anni, ce ne vorranno altri quaranta per farne crescere uno altrettanto alto.

Mi piacerebbe che tutti noi cercassimo di creare un lavoro più duraturo , un software che funzioni in un decennio e, per farlo, sforzassimo di imparare come farlo accadere. Per tanto tempo, ti lascio con questa citazione e un sacco di articoli interessanti.

“Nel nostro mondo moderno può essere allettante buttare via lo sforzo e sostituirlo con alcune frasi di pensiero positivo. Ma non c'è proprio alcun sostituto per la pratica”.

— Kino Macgregor

Notizia

• Safari Technology Preview 52 rimuove il supporto per tutti i plug-in NPAPI diversi da Adobe Flash e aggiunge il supporto per le intestazioni dei collegamenti di preconnect .
• Chrome 66 Beta offre il modello a oggetti tipizzato CSS, l'API Async Clipboard, AudioWorklets e il supporto per l'uso di calc() , min() e max() nelle query multimediali. Inoltre, i campi select e textarea ora supportano l'attributo di autocomplete e la clausola catch di un'istruzione try può essere utilizzata senza un parametro d'ora in poi.
• iOS 11.3 è ora disponibile al pubblico e, come già annunciato, la versione porta il supporto per le Progressive Web App su iOS. Maximiliano Firtman condivide cosa significa, cosa funziona e cosa non funziona (ancora).
• Safari 11.1 è ora disponibile per tutti. Ecco un riepilogo di tutte le nuove funzionalità di WebKit che include.

Generale

• Anil Dash riflette su ciò che il web doveva essere e su come il web di oggi differisca da questo: “In un momento in cui milioni di persone stanno perdendo fiducia nei più grandi siti del web, vale la pena rivisitare l'idea che il web doveva essere fatto di innumerevoli piccoli siti. Ecco uno sguardo alle tecnologie trascurate che avrebbero dovuto renderlo possibile”.
• Morten Rand-Hendriksen ha scritto sull'uso dell'etica nel web design e su quali domande dovremmo porci quando suggeriamo una soluzione, creiamo un design o una nuova funzionalità. Soprattutto quando pensiamo di creare qualcosa di "intelligente", è importante chiedersi se aiuta davvero le persone prima di tutto.
• Molte proteste e discussioni sono arrivate insieme all'affare Facebook/Cambridge Analytica, la maggior parte delle quali ha sottolineato i problemi tecnologici con il modello di autorizzazione di Facebook. Ma il punto cruciale sta nel modo in cui Facebook ha progettato la sua azienda e quale linea di base etica ha stabilito. Se non vogliamo che una cosa del genere accada di nuovo, tocca a noi progettare il servizio che vogliamo.
• Brendan Dawes spiega perché pensa che gli URL siano un capolavoro e un'esperienza utente di per sé.
• La trascrizione del discorso di Charlie Owen di "Caro sviluppatore, il Web non parla di te" è un buon riassunto del motivo per cui noi sviluppatori dobbiamo pensare oltre ciò che è bene per noi e considerare ciò che serve agli utenti e come possiamo invece ottenerlo.

Interfaccia utente/UX

• B. Kaan Kavustuk condivide i suoi pensieri sul motivo per cui non saremo in grado di creare un design o una base di codice perfetti al primo tentativo, non importa quanta esperienza abbiamo. Invece, sono i piccoli miglioramenti costanti che aprono la strada alla perfezione.
• Trine Falbe ci introduce all'Ethical Design con una pratica guida introduttiva. Mostra alternative e cose a cui pensare quando si costruisce un'attività o un prodotto. Non importa molto se sei il proprietario, uno sviluppatore, un designer o un addetto alle vendite, si tratta di servire gli utenti e gettare le basi per una fiducia reale e sostenibile.
• Josh Lovejoy condivide ciò che ha appreso dal lavoro su soluzioni tecnologiche inclusive e perché ci vuole più che una buona intenzione per creare una tecnologia equa e inclusiva. Questo articolo approfondisce il motivo per cui il giudizio umano è molto difficile e spesso basato su pregiudizi, e perché non è facile progettare e sviluppare algoritmi che trattino persone diverse allo stesso modo per questo motivo.
• Il sistema colore HSB (Tonalità, Saturazione, Luminosità) non è particolarmente nuovo, ma molte persone ancora non ne capiscono i vantaggi. Erik D. Kennedy spiega passo dopo passo i suoi principi e vantaggi.
• Mentre al giorno d'oggi si discute di più sul design inclusivo, è spesso visto sotto il cappello dell'accessibilità o come decisioni tecniche. Robert del Prado ora condivide l'importanza del design thinking inclusivo e perché riguarda molto più l'utente generico che alcune persone specifiche con disabilità specifiche. Il design inclusivo unisce le persone, indipendentemente da chi sono, dove vivono e cosa possono permettersi. E non è l'obiettivo di ogni prodotto avere successo acquisendo quante più persone possibile? Forse dobbiamo discuterne anche con gli addetti al marketing.
• Anton Lovchikov condivide i modi per migliorare le regolazioni ottiche nei componenti. È uno studio interessante su come piccolissimi cambiamenti possono fare la differenza.

Utensili

• Brian Schrader ha trovato una funzionalità sconosciuta in Git che è molto utile per testare rapidamente le idee: Git Notes ci consente di aggiungere, rimuovere o leggere le note allegate agli oggetti, senza toccare gli oggetti stessi e senza dover confermare lo stato corrente.
• Per molti progetti, preferisco utilizzare gli script npm piuttosto che chiamare attività gulp o direct webpack. Michael Kuhnel condivide alcuni utili trucchi per gli script npm, incluso come consentire i parametri delle opzioni CLI o come guardare le attività e avvisare gli avvisi in caso di errore.
• Anton Sten spiega perché i nuovi strumenti non sempre equivalgono alla produttività. Tutti amiamo i nuovi strumenti di progettazione e ne spuntano di nuovi come Sketch, Figma, Xd o Invision Studio. Ma nonostante questi strumenti risolvano molti problemi comuni e semplifichino alcune cose, la produttività riguarda principalmente ciò che funziona per il tuo problema e non ciò che è più recente. Se hai bisogno di creare un mockup statico e Photoshop è ciò che conosci meglio, perché non usarlo?
• C'è un nuovo servizio DNS veloce disponibile da Cloudflare. Infine, una migliore alternativa ai server DNS di Google molto utilizzati, è disponibile sotto 1.1.1.1 . Il nuovo DNS è il più veloce e probabilmente anche uno dei più sicuri in circolazione. Cloudflare si è impegnato molto per crittografare il servizio e collaborare con Mozilla per far funzionare DNS su HTTPS per colmare un grande divario di privacy che fino ad ora ha fatto trapelare tutti i tuoi dati di navigazione al provider DNS.
• Ho già sentito parlare molto dell'apprendimento automatico di iOS, ma nonostante il fatto interessante che siano in grado di farlo sul dispositivo senza inviare tutto a un cloud, non ho ancora scoperto come utilizzarlo per le app. Fortunatamente, Manu Rink ha messo insieme una bella guida in cui spiega l'apprendimento automatico in iOS per i principianti.
• Ci sono grandi notizie per i fan della GUI di Git: Tower ora offre una nuova versione beta che include il supporto per le richieste pull, flussi di lavoro di rebase interattivi, azioni rapide, reflog e ricerca. Un aggiornamento straordinario che rende il lavoro con il software molto più veloce di prima, e anche per me come amante della riga di comando è una buona opzione.

Sicurezza

• HTTP Strict Transport Security (HSTS), in particolare con il precaricamento, è stata a lungo considerata una delle migliori funzionalità di sicurezza per garantire che un browser si connetta in modo sicuro solo a un nome host. Tuttavia, gli inserzionisti hanno trovato un modo per tracciare gli utenti con HSTS e utilizzarlo come identificatore incrociato persistente (noto come "super cookie"). Gli sviluppatori WebKit hanno reagito ora e, al fine di proteggere la privacy dei loro utenti, hanno indebolito l'affidabilità di HSTS limitando l'ambito del nome host e ignorando uno stato HSTS per le richieste di sottorisorse ai domini bloccati.
• PagerDuty ha appena pubblicato una versione open source del loro materiale di formazione sulla sicurezza interna, piena di spiegazioni interessanti e di facile comprensione su problemi e strategie di sicurezza comuni. Questo è particolarmente utile in quanto puoi darlo a persone senza esperienza tecnica.
• Christoph Rumpel spiega come ha trovato un modo per utilizzare la sua politica di sicurezza dei contenuti con il pacchetto Laravel Response Caching.
• Sebbene Argon2 sia l'attuale algoritmo di best practice da utilizzare per l'hashing (password, ad esempio), ci sono un paio di cose per cui gli sviluppatori devono prepararsi. Ad esempio, è facile eseguire il DOS utilizzando Argon2, quindi è necessario valutare le query limit.
• James Fisher condivide un modo interessante per truffare gli utenti di Gmail, come dimostrato nell'esempio di Netflix.

Prestazioni Web

• Questa settimana è emersa una discussione sul fatto che la tecnica di offrire immagini compressive sia ancora una buona idea. Tim Kadlec l'ha preso come un fattore scatenante per rivisitarlo. Ora conclude che non dovremmo più usare la tecnica dell'immagine compressiva a causa della sua grande impronta di memoria e fare affidamento invece su nuove tecnologie di immagine reattiva come l'elemento <picture> o gli attributi srcset e sizes .
• Eric Portis condivide i principi nascosti dei descrittori w e dell'attributo sizes per le immagini. Un post piuttosto tecnico ma rivelatore che ti fa finalmente capire la magia dietro questi nuovi attributi dell'immagine reattiva.
• Tim Oxley condivide il motivo per cui preferisce tornare presto ed evitare else ove possibile. Questo è qualcosa che ho fatto all'inizio della mia carriera, poi ho perso a un certo punto, ma ci sono tornato di nuovo di recente. Soprattutto la complessità ridotta e la logica più semplice nelle funzioni è un vantaggio chiave per me qui.
• Jeremy Wagner condivide le migliori pratiche su come creare un meccanismo di caricamento lento per immagini e video. Non è sicuramente la soluzione più rapida, ma la risorsa condivide come creare la migliore esperienza e prestazioni basate sulle ultime tecnologie disponibili nei browser.

Accessibilità

• Marcy Sutton spiega cosa c'è di nuovo in Axe 3.0 che ora supporta Shadow DOM e che puoi eseguire nella tua suite di test automatizzata.
• Patrick H. Laucke condivide di cosa tratta il nuovo pseudo-selettore CSS :focus-visible e come dobbiamo scriverlo per garantire la compatibilità con le versioni precedenti con i browser che non lo supportano ancora.
• Marco Zehe ci presenta il nuovo Accessibility Inspector in Firefox Developer Tools. Questa è un'ottima notizia e aiuta a rendere l'ispezione dei problemi di accessibilità molto più semplice di prima.

CSS

• Amber Wilson condivide alcune intuizioni su come ci si sente a essere coinvolti in un progetto complesso per fare lo styling lì. Dice giustamente che "nessuno ha detto che i CSS siano facili" ed esprime quanto sia importante che noi sviluppatori affrontiamo situazioni scomode per accrescere le nostre conoscenze.
• Ana Tudor è nota per le sue speciali abilità CSS. Ora esplora e descrive come possiamo ottenere angoli scavati nei CSS con alcuni trucchi intelligenti.

JavaScript

• WebKit ha ottenuto un aggiornamento per l'API Appunti e il team fornisce alcune informazioni molto interessanti su come funziona e su come Safari gestirà alcune delle sfide comuni con i dati degli Appunti (ad esempio le immagini).
• Se lavori con archivi di valori chiave che risiedono solo nel frontend, IDB-Keyval è un'ottima libreria leggera che semplifica il lavoro con IndexedDB e localStorage.
• Hai mai desiderato creare grafica dai tuoi dati con un aspetto abbozzato disegnato a mano su un sito web? Rough.js ti consente di fare proprio questo. Di solito è basato su Canvas (per prestazioni migliori e meno dati) ma può anche disegnare percorsi SVG.
• Se hai bisogno di un modulo di riordino drag-and-drop, ora è disponibile una soluzione semplice e accessibile: dragon-drop.
• Per molti anni, abbiamo potuto ottenere valori CSS solo nel loro valore calcolato e anche quello non era flessibile o piacevole con cui lavorare. Ma ora CSS ha una corretta API basata su oggetti per lavorare con i valori in JavaScript: il CSS Typed Object Model. È ancora disponibile solo nel prossimo Chrome 66, ma sicuramente una funzionalità promettente che mi piacerebbe usare presto nel mio codice.
• La documentazione di React.js ora ha una sezione aggiuntiva che spiega come gestire in modo semplice e programmatico gli stati di attivazione per garantire che l'interfaccia utente sia accessibile.
• James Milner spiega come possiamo utilizzare il recupero abortibile per annullare le richieste.
• Ci sono già alcuni articoli sulle notifiche push web là fuori, ma la guida introduttiva di Oleksii Rudenko è un ottimo manuale che spiega molto bene i principi.
• Negli ultimi anni, abbiamo ottenuto molte nuove funzionalità sulla piattaforma JavaScript. E poiché è difficile ricordare tutte le novità, Raja Rao DV ha riassunto "Tutto nuovo in ECMAScript 2016, 2017 e 2018".

Vita lavorativa

• Per aumentare la consapevolezza di quanto tali situazioni siano comuni a tutti noi, James Bennett condivide una situazione imbarazzante in cui ha commesso un semplice errore che gli ha richiesto molto tempo per scoprirlo. Non sono solo io che commetto errori, non sei solo tu, e non solo James – tutti noi commettiamo errori, e per quanto imbarazzanti possano sembrare in quella situazione particolare, non c'è niente di cui sentirsi male.
• Adam Blanchard dice “Le persone sono macchine. Anche noi abbiamo bisogno di manutenzione". e crea un confronto per consentire agli ingegneri di capire perché abbiamo bisogno di prenderci cura di noi stessi e anche perché abbiamo bisogno di persone che si prendano cura di noi. Questa è una panoramica di ciò che fanno i People Engineer e del perché è così importante per le aziende assumere tali persone per garantire che un team sia in salute.
• Se c'è una cosa di cui non si parla molto nel settore del web, è la pensione. Jan Chipchase ora ha scritto molti pensieri interessanti sul pensionamento.
• Rebecca Downes condivide alcune informazioni sul suo dottorato di ricerca sui team remoti, rivelando in quali circostanze i team remoti sono fantastici e in quali no.

Andare oltre…

• Ora che discutiamo dei problemi dei servizi centralizzati come Facebook e Google, il decentramento è visto come il salvatore del web indipendente. Ma sono sicuro che se non cerchiamo di risolvere il problema umanitario di fondo con la tecnologia, non cambierà nulla.
• Potresti aver letto le notizie sul primo incidente mortale con un'auto a guida autonoma. Una triste pietra miliare che mostra quanto questa tecnologia possa essere inaffidabile e quanto siamo ancora lontani dal poter fare affidamento su tali sistemi.
• Un decennio fa, i dispositivi intelligenti hanno promesso di cambiare il modo in cui pensiamo e interagiamo, e lo hanno fatto, ma non rendendoci più intelligenti. Eric Andrew-Gee esplora le prove scientifiche che la distrazione digitale sta danneggiando le nostre menti.
• Fred Pearce ha scritto su come possiamo rendere più efficienti i data center più grandi del mondo. Se ti chiedi perché questo sarebbe l'obiettivo desiderato, è importante sapere che questi data center sono responsabili del 3% delle emissioni globali complessive di CO2, tanto quanto il settore aereo.
• "Una centrale a carbone in disuso riaprirà per alimentare esclusivamente criptovalute". Non ho altre parole per questo.

Ci auguriamo che questo aggiornamento sullo sviluppo Web ti sia piaciuto. Il prossimo è in programma venerdì 18 maggio. Rimani sintonizzato.