Quello fu l'anno che fu il 2016 in Web Design

Bene, quello era il 2016 - e che anno è stato! Dimentica la politica mondiale per un momento, raduniamo la folla, gridiamo a voce alta e guardiamo indietro a ciò che gli ultimi dodici mesi hanno significato per il web design.

gennaio

Gennaio è sempre un mese strano, pieno di aspettative mentre liberiamo la presa sull'anno precedente e usciamo nel nuovo. Jonathan Cutrell ci ha detto che cosa potremmo aspettarci dal web design nel 2016, suggerendo un aumento delle "esperienze dal vivo", più Internet of Things, un sacco di discussioni sul design politico degli Stati Uniti, continua importanza di JavaScript, crescente hype per Realtà Virtuale, motion design e SVG. Direi che era abbastanza sul punto di vista!

Chris Coyier e gli amici hanno dato il calcio d'inizio in grande stile, con l'episodio 200 di The ShopTalk Show e una nuova fantastica console JavaScript per CodePen.

Il nostro ciano ha parlato con Sunrise dei primi anni di Envato.

"Il lavoro a distanza e un ambiente di lavoro orientato ai risultati sono stati cotti fin dall'inizio [...]." - Cyan Ta'eed parlando su The Sunrise's AMA

febbraio

Febbraio è stato un mese impegnativo mentre l'anno ha iniziato a prepararsi. Adobe ha lanciato Animate CC (precedentemente noto come "Flash", che alcuni di voi potrebbero ricordare), quindi con un'ironia un po 'poetica, l'ammiraglia di Envato originale activeden.net ha chiuso i battenti per l'ultima volta.

In più notizie positive, un envato.com ringiovanito ha lanciato:

La terraferma cinese suonò nell'Anno della Scimmia del Fuoco, quindi Kendra ci scrisse un pezzo per noi: Felice Anno della Scimmia! Decifrare il simbolismo del capodanno cinese nella progettazione dell'interfaccia utente.

Jon Gold ha twittato questo commento piuttosto frammentario, ma estremamente risonante (cosa ne pensi?)

quale dei due possibili siti web stai attualmente progettando? pic.twitter.com/ZD0uRGTqqm

- kerning man 🤜💥🤛 (@jongold) 2 febbraio 2016

Sarah Parmenter ha chiesto se il web design funziona come sappiamo che si sta prosciugando: The Elephant In The Room. E trumpdonald.org ha aiutato tutti a divertirsi.

Come è migliorato il web a febbraio? Abbiamo pubblicato la (eccellente) Guida per principianti di John Hartley sull'accessibilità del Web e Google, nella sua ricerca di un sito Web migliore, ha lanciato schede AMP nei risultati di ricerca mobile. AMP ha migliorato le cose? Google ha appena aggiunto un altro livello di complessità ai nostri lavori come web designer? Tu decidi.

marzo

Basandosi sullo slancio del nuovo anno cinese, Kendra ha chiesto (e capito) come si dice Envato in cinese? Spoiler, è: 艺 云台.

In termini di nuovi lanci, Adobe ci ha dato un'anteprima di Experience Design (che in seguito diventerà XD). designfacts.org aprì le sue porte, iniziando con una pepita su Paul Rand e il logo originale di UPS.

In termini di libri, Design for Real Life ha colpito gli scaffali di A Book Apart, e Val Head ci ha dato questo (grazie Val):

5SS si sta chiudendo, quindi ho reso disponibile la mia guida tascabile per le animazioni CSS qui (gratuitamente): https://t.co/kCRA6uWspc pic.twitter.com/GT31a5j42N

- Val Head (@vlh), 30 marzo 2016

aprile

Aprile è stato un mese durante il quale la discussione sull'etica dell'utilizzo degli ad blockers è andata di pari passo; gli utenti sono stufi di siti Web lenti e intrusioni, i creatori di contenuti devono guadagnare denaro per svolgere il proprio lavoro. Difficile.

Etsy ha lanciato Pattern, un costruttore di siti Web per i suoi venditori, e Tim Brown ha realizzato la sua guida tascabile per combinare i caratteri tipografici completamente gratuita per il download (grazie a Tim).

Su Tuts + abbiamo lanciato la Sfida CodePen # 6: Capsule decorative, poi Nicole e io abbiamo spiegato come abbiamo fatto le nostre nuove e-mail brillanti.

Zach Leatherman ha valutato i candidati alla presidenza degli Stati Uniti in base alle strategie di caricamento dei caratteri.

potrebbe

Maggio 2016 ha visto Adobe lanciare Spark; la sua app di progettazione grafica per la creazione di grafica sociale, storie web e video animati. Netflix ha lanciato fast.com, probabilmente il più semplice strumento per testare la velocità del web sul web.

Buon compleanno 6 ° articolo @RWD! Amico, quello ha cambiato alcune cose ...
🍾https: //t.co/Xh1PhSFGJ5

- Envato Tuts + Web (@wdtuts), 25 maggio 2016

E Kim ha vinto un Webby per aver infranto internet:

"Nude selfie fino alla morte" - Kim Kardashian West

giugno

L'estate è arrivata e con essa Google ci ha invitato a "scoprire il funzionamento dei nostri siti su dispositivi mobili e desktop" con il lancio di testmysite.thinkwithgoogle.com. Anche altri team di Google erano occupati, Google Fonts ha lanciato una nuova riprogettazione:

Abbiamo pubblicato alcuni tutorial pratici ma tecnici:

luglio

Oak Studios ha lanciato uno dei siti web più stimolanti (sicuramente per quanto riguarda i colori) dell'anno: il loro:

Craig Campbell ha affrontato il bisogno urgente del mondo di imparare il motion design, in uno dei nostri corsi più popolari quest'anno 3 GreenSock Projects: Practical Animation With GSAP.

 

agosto

Agosto! Abbiamo festeggiato il decimo compleanno di Envato, spingendo Collis a descrivere come è stato progettare un sito web dieci anni fa. È stato anche intervistato per il suo ruolo di CEO:

"Ma lavoro anche molto. Ho un carico di lavoro abbastanza pesante. Sono una persona che si sente a proprio agio a lavorare molto. "- Collis Ta'eed, sulla gestione. Turbativa.

In termini di tutorial, Kezz Bracey ha spiegato come impostare un tema Jekyll. E come è andata meglio la rete? Google ha annunciato che inizierà a penalizzare "interstitial intrusivi" (fastidiosi pop-up per te e me).

settembre

Altre novità in settembre, tra cui i font variabili OpenType che sono stati accolti con pari entusiasmo e confusione. Gmail ha annunciato che avrebbe iniziato a supportare gli standard di progettazione Web reattiva (query multimediali e malumore). Marc Hemeon ha lanciato la nuova incarnazione di designinc.com, WordPress.tv ha lanciato il suo canale YouTube, e A Book Apart ha pubblicato il brillante JavaScript per i web designer di Mat Marquis.

Abbiamo lanciato la nostra serie di tutorial Understanding Grid Layout CSS, mentre Jen Simmons ha fornito l'ispirazione sotto forma di un rilancio di laboratorio basato su una griglia:

Stripe ha fatto lo stesso, mostrando una nuova homepage sculacciata. Scopri di più sul lavoro di progettazione di Stripe seguendo il team su Dribbbble.

In termini di miglioramento del Web, Google ha riferito in che modo la latenza mobile influisce sulle entrate dei publisher e Christian Miller ha affermato di ritenere che il testo del proprio corpo sia troppo piccolo. Penso che abbia ragione.

ottobre

Mentre il mondo era coinvolto nelle elezioni presidenziali degli Stati Uniti, è emerso che Donald Trump aveva trascurato di registrare alcuni (piuttosto importanti) domini. Questo ha lasciato trump.org e trump.tv, tra gli altri, fuori dal controllo della sua campagna. 

Inserendo crittografia, integrità dei dati e autenticazione nella parte superiore dell'elenco di priorità, Envato Market è passato a HTTPS.

Kevin Marks ha fatto seguito a quello che Christian Miller ha scritto a settembre, dandoci come il Web diventasse illeggibile.

Una certa struttura di front-end ha compiuto cinque anni:

Buon 5 ° compleanno @ZURBfoundation! Alcuni cordiali saluti di @envato per gentile concessione di @adipurdila 🎂 🎉https: //t.co/c7OrsCYLVn

- Envato Tuts + Web (@wdtuts), 18 ottobre 2016

Infine, Caniuse ha introdotto la "modalità relativa alla data" al fine di evidenziare quando sono state rilasciate le versioni del browser e quindi quando hanno adottato le tecnologie.

novembre

Verso la fine dell'anno, Tuts + ha pubblicato la sua 3.000a traduzione, mentre @tutsplus_es ha superato 1.000 follower.

C'erano un numero di uscite; Sketch 41 ha colpito gli scaffali, con un nuovo look, simboli nidificati e altro ancora. iA Writer 4 è stato rilasciato e Brad Frost ha pubblicato il suo tanto atteso Atomic Design, il libro. D'altro canto, Fontdeck ha chiuso i battenti.

Sono stati apportati grandi miglioramenti al debug del web con gli strumenti web:

"Il nostro obiettivo in Chrome Dev Tools è massimizzare la tua produttività come sviluppatore." - Paul Irish, Chrome Dev Summit 2016

Poi Jason Levine ha fatto quella cosa ad Adobe Max.

È stata superata una significativa pietra miliare di utilizzo di Internet:

Statcounter afferma che l'uso globale di Internet mobile / tablet ha superato il desktop / laptop questo mese. / ht @TheRegister pic.twitter.com/DnfQW4a70M

- Peter Gasston (@stopsatgreen), 2 novembre 2016

dicembre

Dodici mesi dopo e alcune cose sono state lanciate per celebrare la fine dell'anno: Tim Kadlec ha lanciato www.webworldwide.io, Ethan Marcotte ha lanciato una (reattiva) riprogettazione del proprio sito web. WordPress 4.7 "Vaughan" (insieme al nuovissimo tema predefinito Twenty Seventeen) è stato rilasciato. 

2017.wordpress.net

Per completare il mese ci è stato dato un design forte e ispirato, come ha lanciato theoutline.com:

"Quello che ci ha portati qui, non ci porterà lì." - Matt Mullenweg, Stato della Parola 2016

Ecco al 2017!

Questo conclude la nostra rapida occhiata al web design nel 2016! Che cosa hai sentito significativo quest'anno? Come è cambiato il web design e dove pensi che stia andando? Cosa stai aspettando nel 2017?

Alcuni direbbero che la sicurezza web avrà un ruolo importante in quello che faremo l'anno prossimo. Altri non vedranno l'ora di rilasciare nuovi framework. Forse UX sarà la nostra priorità? O internazionalizzazione? Matt Mullenweg probabilmente ti suggerirà di concentrarti su JavaScript. I puristi potrebbero dirti che è ora di ricomporre le cose un po 'e ricordare le basi di ciò che il web dovrebbe essere.

Ti lascerò solo con questo:

"Il 2017 è l'anno del layout della griglia." @Jensimmons #AEASF

- Jeffrey Zeldman (@zeldman), 31 ottobre 2016


SaveSave