web

web, html, css, flash, fonts e news su internet

Adele

Adele


La crescente complessità dei prodotti web e mobile ha superato i nostri processi di sviluppo dei prodotti web. Ciò che funzionava nei primi anni, ha iniziato a rendere sempre meno (diminishing returns). Per arginare il caos della creazione nel mondo digitale, le aziende hanno iniziato a investire in sistemi di progettazione (design systems) e librerie di modelli (pattern libraries).

Mentre ci concentriamo su un sistema di progettazione, tendiamo a confrontarci costantemente con le soluzioni con le quali altri professionisti hanno risolto problemi particolari. Per facilitare i paragoni e muoversi meglio nel contesto UXPin ha lanciato Adele, un repository open source di sistemi di progettazione e librerie di modelli disponibile al pubblico.


categorie: 

The Outline

categorie: 

Difesa dalle Interfacce Oscure

Dark Patterns Defense
I Dark Patterns sono il lato oscuro del design di interfacce online ("UX").

Dopo quasi 30 anni di web i metodi sono diversi e raffinati ed esiste una classificazione che è interessante conoscere, per riuscire a difendersi:

Bait and Switch
Disguised Ads
Forced Continuity
Friend Spam
Hidden Costs
Misdirection
Price Comparison Prevention
Privacy Zuckering
Roach Motel
Sneak into Basket
Trick Questions

Dark Patterns and the Ethics of Design
Linkedin Dark Patterns
Why Dark Patterns won't go away

[via]

categorie: 

Going Serverless

Serverless
L'elaborazione serverless consente di creare build ed eseguire applicazioni e servizi senza dover gestire alcun server. In questa modalità, le applicazioni saranno comunque eseguite su server, la cui gestione sarà però a carico di servizi come AWS.

Alla base dei servizi di elaborazione serverless c'è un gestore che permette di eseguire codice senza dover effettuare il provisioning o gestire dei server.

serverless@github
quick start
sito ufficiale
AWS Lambda
Polly (Text to Speech)
Awesome Serverless Resources
Serverless Showdown
The best ways to test serverless apps
6 things I’ve learned in my first 6 months using serverless


categorie: 

Come usare Postman

postman
L'app gratuita Postman è stata creata come un piccolo progetto di automazione sul web e presentata per la prima volta nell'ottobre 2012.

Il programma ora è cresciuto rapidamente fino a diventare una delle applicazioni più popolari sul Chrome Store, e si è espansa a Mac, Windows e Linux. Oggi oltre 3 milioni di sviluppatori lo utilizzano in tutto il mondo.

Nel 2014, è iniziata l'attività di supporto all'app gratuita e lo sviluppo di funzionalità più estese per un prodotto SaaS, che è diventato Postman Pro (presentato nel 2016), e Postman Enterprise (presentato nel 2017).

Postman Docs
Sending the first request
Introduction to Postman with examples
Going beyond with Postman


Getting Started With Postman

Intro to Postman & Postman Collections

categorie: 

Viral Cultural Cartography

Viral Cultural Cartography


Le statistiche e i metadati che vengono raccolti per analizzare il successo di un video riguardano spesso l'argomento, o il contenuto, ma a BuzzFeed hanno formalizzato una classificazione che prende il nome di Mappatura Culturale.

In pratica si valuta esplicitamente l'effetto sullo spettatore, se lo fa ridere (umoristico, in rosso), l'identità (autoironia, in blu), il "legame" con gli altri (in azzurro), l'autoanalisi (in verde) e le emozioni (in giallo). Se un video o un contenuto riesce a ricadere in più categorie avrà ancora maggiore effetto.

buzzfeed


categorie: 

Archive Team

Archive Team
Archive Team è un gruppo di archivisti volontari, programmatori, scrittori e lingue lunghe tutti impegnati a salvare il nostro patrimonio digitale comune e renderlo disponibile sul sito.

Dal 2009 questa specie di forza della natura è intervenuta su chiusure, spegnimenti, fusioni e classiche cancellazioni, facendo del suo meglio per salvare la storia prima che si perda per sempre.

Lungo la strada, hanno ottenuto attenzione, incontrato ostilità, avuto il supporto della stampa e da tutto questo sono nate molte discussioni.

Sulla homepage c'è anche una nota sulle "proposte di progetto" che indica i siti a rischio, e in questo momento ci sono tumblr, deviantart, livejournal e google groups.


categorie: 

OpenFaaS - Servizi Serverless

OpenFaaS - Servizi Serverless


OpenFaaS è un framework per la creazione di funzioni Serverless mediante container. Il progetto (che ora ha 4000+ stelle su github) è iniziato come Proof of Concept lo scorso anno, per capire se era possibile gestire le Alexa Skills o funzioni Lambda su Docker Swarm.

"Serverless" è un nome errato, si tratta di un nuovo modello di architettura di servizi (service) in sistemi guidati da eventi (event-driven). Le funzioni serverless sono spesso utilizzate come interconnessioni tra servizi.

Una funzione serverless è un pezzo di codice piccolo, discreto e riutilizzabile che:

- è effimero
- non è un demone
- non pubblica servizi TCP
- non ha stati
- utilizza i servizi esistenti o risorse di terzi
- esegue in pochi secondi (basato sul valore predefinito di AWS Lambda)

per saperne di più
Dockercon 2017


categorie: 

This isn't happiness

This isn't happiness
This isn't happiness è uno dei tumblr più famosi. Peter Nidzgorski è dotato di un gusto raffinato, anche se inspiegabile, e lo usa nel raccogliere e manipolare questa collezione quotidiana di link e immagini sempre interessanti e sempre provocatori.

Il suo tema principale è l'amore al giorno d'oggi. O piuttosto un'interpretazione satirica della natura superficiale, volubile, effimera del sesso fine a se stesso, il narcisismo autodistruttivo dell'amore usa e getta, che è probabilmente qualcosa che risuona con la maggior parte delle persone.

facebook
instagram


categorie: 

Taste.io: i film raccomandati

okuribito


Taste.io è uno dei molti servizi online che raccomandano film da vedere. Gli algoritmi per questo genere di cose sono oggi possibili, anche se è molto difficile usarne di davvero efficaci.

La fase di profilazione dell'utente è fatta abbastanza bene, c'è il login integrato su facebook (dal quale stornare le info che non è necessario svendere) e si completa per fasi successive (10, 30, 50, 70, 90%...) stilando una delle quattro valutazioni (orribile, meh, bello, eccezionale) di una serie di pellicole.

Oltre alla ricerca e agli amici si può compilare una watchlist, che è sempre anch'esso qualcosa di utile.


categorie: 

Mean Stack Tutorials

Mean Stack Tutorials


Una serie di tutorial su come si realizza una web app nel 2017.

MEAN resources
Create a Web App and RESTful API Server Using the MEAN Stack
Setting Up a MEAN Stack Single Page Application
MEAN Stack Tutorial MongoDB ExpressJS AngularJS NodeJS
MEAN stack – A Hands on Tutorial
Traversy Media
MEAN App with Angular 2 and the Angular CLI


Web Development In 2017 - A Practical Guide

MEAN Stack Application Tutorial | Build a MEAN Application From Scratch

Super MEAN Stack Tutorial: Angular, Node/Express, Webpack, MongoDB, SASS, Babel/ES6, Bootstrap

Stack Share

Tech Stacks Stack Share
Stack Share elabora e condivide gli stack software di vari servizi web molto famosi e diffusi, per illustrare meglio "la magia" che permette loro di funzionare.

La recente esplosione di tecnologie, il cambio di paradigma nella programmazione da Oggetti a Funzionale, SaaS e PaaS sono stati una serie di cataclismi in un settore come quello dell'IT noto per andare sempre molto in fretta.
Siamo di fronte a qualcosa di più di un "cambio generazionale".

La metafora è sempre quella dei Lego: i vari web-service vengono montati in serie come i mattoncini per creare una architettura che sostenga e eroghi il servizio. Si entra spesso solo nel merito delle funzionalità offerte "all'interfaccia", senza scendere in troppi dettagli che non siano costi e performance di esercizio. Questo approccio di alto livello permette di sviluppare soluzioni in modo incredibilmente rapido.

Nella sezione trending è possibile trovare le tecnologie con maggiore impulso in un dato momento.


categorie: 

Graphene e GraphQL

GraphQL hub
Chi per lavoro deve far parlare sistemi tra loro ha imparato ad apprezzare REST, ma ultimamente si sente sempre più parlare di GraphQL, sviluppato da facebook e reso pubblico nel 2015.

Graphene è l'implementazione di GraphQL per python.

SQLAlchemy + Flask Tutorial
Introduction tutorial - Graphene and Django
GraphQL in Python made simple

[via]

Graphene: Making GraphQL Easier - Syrus Akbary

Zero to GraphQL in 30 Minutes – Steven Luscher

Implementing and Using GraphQL at GitHub - GitHub Universe 2016

categorie: 

L'Internet del Rumore

L'Internet del Rumore
Alan Franzoni ci ricorda che siamo sempre più bombardati da mail, notifiche, messaggini, post, chat. Il rapido caos del mondo, amplificato a dismisura dagli eccessi del marketing, è entrato a piè pari dentro ai nostri dispositivi, causando non pochi problemi.

Il "web" fino ad oltre metà degli anni 2000 era come andare a fare un bel giro in bici. Ora invece si ha la percezione di una macchina lanciata oltre i 200 kmh. Una volta le notifiche avevano un loro ritmo ed un loro spazio, e le interfacce erano coerenti e non interrotte da messaggi pubblicitari, si facevano discorsi su "argomenti" e non su "persone" (che blaterano di tutto quello che passa loro per la testa). I feed sono stati ammazzati perchè sottraevano risorse ai siti e alle app, che vogliono il controllo totale dello spaziotempo che gli dedichiamo.

Tutto questo crea il desiderio e la necessità di un nuovo spazio più tranquillo e ordinato, che prima o poi qualcuno riuscirà a creare.

Stopping The Internet Of Noise - A Useful Internet Back Again


categorie: 

Spellbook of Modern Web Development

Spellbook of Modern Web Development
Il libro degli incantesimi della frontiera dello sviluppo web raccoglie un quadro d'insieme, un Thesauro, e una tassonomia.

Ovviamente è ricchissimo di link (oltre 2000) a risorse comuni per imparare. Per ciascuna tecnologia i collegamenti sono stati scelti per essere pochi ma essenziali, popolari, indicativi dei trend e non obsoleti. Fanno riferimento a progetti, strumenti, plugin, servizi, articoli, libri, siti ecc.

La / indica che gli elementi delle liste sono sostituibili, la virgola invece che sono complementari.


categorie: 

Dossier - facebook: il MacDonalds dell'anima

Bootstrap

Bootstrap
Benvenuti nella programmazione HTML del terzo millennio.

Bootstrap, creato da Mark Otto e Jacob Thornton, è il framework più popolare al mondo per creare responsive web app con HTML, JS e CSS.

Learn Bootstrap 4 in 5 minutes

bootstrap grid system
get bootstrap
themes

Official Bootstrap Resources
Bootstrap Builder
Bootstrap Resources
Bootstrap vs Semantic UI vs Bulma for VueJS


Bootstrap 5 - First Look

categorie: