web

Il design dell'UX va oltre il design dell'interfaccia utente, infatti il design dell'esperienza utente è un concetto molto più ampio di qualsiasi altro aspetto. Di conseguenza la progettazione dell'interfaccia utente è il sottoinsieme della progettazione dell'esperienza utente.

Sia l'UX che l'interfaccia utente sono fondamentali per costruire un prodotto software di alto livello e poi interagire. Ma i ruoli sono sostanzialmente diversi. UX Design si occupa maggiormente degli aspetti analitici e tecnici che affondano le radici nelle funzionalità del prodotto software, mentre UI Design si occupa maggiormente dell'aspetto dell'applicazione.

Volendo fare una analogia, la progettazione dell'UX è come progettare un edificio. Il design dell'interfaccia utente è come la decorazione di interni.

Why UX Design Must Be the Foundation of Your Software Product

★ UI/UX Design Guide - the differences

wikipedia UX
wikipedia UI
Beautiful and functional interfaces

Nginx è un web server molto performante che può funzionare anche come reverse proxy, load balancer, mail proxy e HTTP cache. Il suo sviluppo è iniziato nel 2004, e a marzo 2019 la compagnia è stata acquisita per oltre 670 milioni di dollari da F5 Networks.

An Introduction to NGINX for Developers

Sito ufficiale
wiki
docs
dockerhub
Deploying containerized NginX to Heroku

The NGINX Handbook

All About NGINX Configuration, HTTPS/SSL, HTTP2, Caching

★ Avoiding the Top 10 NGINX Configuration Mistakes

Highly available Node.js application using Docker, NGINX

[via]

Buttered Side Down: Video comici in prima persona dove la realtà prende una piega imprevedibile e originale, avventure nell'assurdo per tutta la famiglia, sketch comici del futuro.

A cosa può servire un browser senza la parte grafica (GUI) ? Ci permette di avere un tool in più nel nostro arsenale, per aumentare il livello di automazione e integrarsi nei propri workflow. Un browser che viene governato via CLI (command line interface) permette di cancellare i task tediosi e ripetitivi, come il testing, e ci mette a disposizione tutte le capacità di un software così complesso e potente, concatenarle per inventarsi modi di fare totalmente nuovi, che sarebbero immediatamente scartati se dovessero essere compiuti manualmente.

Headless Chrome: DevOps Love It, So Do Hackers, Here’s Why

Examples

headless chrome VS phantomJS
headless chromium
puppeteer - Headless Chrome Node API
introduction to headless browsers

Crafting the perfect container to play with a Headless Chrome

See the Pen
Zdog - hello world canvas by Dave DeSandro (@desandro)
on CodePen.

Zdog è un engine di rendering 3D in javascript estremamente semplice, ispirato alla grafica di un videogame del 1995 che Dave de Sandro (masonry, isotope, packery, flickity) adorava.

Nei made with zdog c'è anche una fantastica immagine di Robin Davey.

github

Il Path Tracing è una tecnica di rendering potente, sorprendentemente semplice e purtroppo molto onerosa. In questo tutorial, Rye Terrell ci guida attraverso la costruzione della Caffeine demo, che implementa il path tracing in tempo reale in WebGL.

speck
space 3D
badlands
astray

Loish ha parlato con Kelsey Ables di Artsy della parabola delle community artistiche su internet.

Dal 1992, anno del caricamento della prima foto sul web, c'è stata una esplosione di immagini, opere e capolavori accessibili istantaneamente da ogni parte del mondo, la scoperta di artisti altrimenti nascosti e forse impossibili da scovare, ma ora le cose si stanno ingarbugliando e stiamo assistendo ad una netta involuzione.

La commercializzazione e gli inevitabili meccanismi economici dietro ai "big player" hanno fatto sì che l'apprezzamento e le interazioni (engagement) spesso si riducano a meri "like" e vuoti cuoricini, e le opere vengano esposte in mezzo a piatti di pasta e foto delle vacanze. Lo spazio per una critica costruttiva e commenti sensati si è ridotto e viene oscurato dal rumore assordante di internet.

[via]

Muuri (significa "muro" in finlandese, github, demo online) è una libreria JS che implementa responsive, sortable, filterable and draggable grid layouts. Tutte le feature necessarie per il funzionamento di una buon catalogo web interattivo. Con Muuri è facile, per chi smanetta un po' in javascript, costruirsi liste interattive dei propri oggetti, di cui può aver perso quasi irrimediabilmente traccia nella frenesia consumistica del XXI secolo.

E' basata su packery, masonry, isotope e sortable.

E' dotata anche di una sua API.

tutorial

[via]

Des Herbert è il Salvatore Aranzulla del video making.

Sul suo canale youtube Des spiega in modo diretto, sintetico, chiaro ed efficace quali sono i migliori tool per realizzare video per il web. E molto altro !

Per quanto il testo scritto, meglio ancora se su carta, rimanga assolutamente uno dei modi migliori di comunicare, nel terzo millennio ognuno ha una TV in tasca ed è molto interessante imparare la grammatica del mezzo. Anche se non si aspira a diventare "influenzatori".

Ma per farlo occorre anche saper "impugnare la penna", ed è qui che conoscere i tool giusti può davvero fare la differenza.

Qualche anno fa, improvvisamente ci siamo accorti che internet era un luogo che non potevamo più lasciare. Patricia Lockwood ha iniziato a tenere un diario di come ci si sentiva ad essere lì, nei giorni della sua disintegrazione, che corrispondeva anche alla disintegrazione della sua mente. Il suo interesse non era accademico. Non le interessava la Singolarità, o l'aumento delle macchine, o altro.

Le interessava la sensazione che i suoi pensieri fossero dettati da qualcuno o qualcosa. Le importava della "mente collettiva", che sembrava avere la febbre. Se riuscissimo a fuggire, a uscire dal grande cranio e a respirare l'aria fresca, se Twitter fosse chiuso per crimini contro l'umanità, cosa staremmo perdendo?

Il flusso sanguigno delle notizie, il consenso entusiasta, la danza al ritmo del tempo. Il portale che ci ha detto, ogni volta che l'abbiamo aperto, esattamente quello che stava succedendo ora. Le è sembrato opportuno scriverlo in terza persona perché non si sentiva più come se stessa. Ecco come è cominciato.

[via]