web

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

Il Pattern Model View Controller

Model View Controller Pattern
Il pattern Model View Controller (MVC) è una delle linee guida più comuni per sviluppare software. Suddivide un'applicazione in tre parti interconnesse per separare i modelli interni dei dati dai modi in cui le informazioni sono presentate all'utente, e da quest'ultimo operate. Il modello di progettazione MVC disaccoppia questi componenti principali, consentendo un efficiente riutilizzo del codice e lo sviluppo in parallelo.

Viene usata spesso per le interfacce utente grafiche "desktop" (GUI). Questo tipo di architettura è diventato popolare per la progettazione di applicazioni web e, di conseguenza, anche per dispositivi mobili, desktop e altri client. I più popolari linguaggi di programmazione come Java, C#, Ruby, PHP e altri hanno popolari framework che aiutano nell'implementazione MVC.

software engineering: What is MVC, really?
Model View Controller
coding horror: Understanding Model-View-Controller
Design Patterns - MVC Pattern
MVC: Model, View, Controller


Use PHP to Create an MVC Framework - Full Course

Slant - La community delle raccomandazioni

Slant - La community delle raccomandazioni
Slant è una comunità online che raccomanda prodotti con l'obiettivo di rendere facile trovare la scelta migliore per app, giochi e articoli di vario genere. Un posto facile che raccoglie le informazioni essenziali che ci risparmia di consultare schede, post nei forum e recensioni.

Slant è una rielaborazione completa del funzionamento di questo tipo di ricerche che fa leva su tre principi fondamentali:

- I contenuti sono scritti da persone che si aiutano a vicenda per essere informati, senza marketing che cerca di imporre marche.
- Ognuno dovrebbe avere la possibilità di scegliere il prodotto migliore senza che questo richieda competenze specifiche.
- Le informazioni sono organizzate sulle domande del cliente che sta cercando di informarsi (es. i migliori computer portatili per gli studenti di design sotto i 1000 euro), non singoli prodotti come sui grandi store online.

Building Slant
What is Slant
Get Started


categorie: 

Codeply

codeply logo
Codeply è un Responsive Design Playground (stile Codepen) ed un Frontend Editor. Si possono scegliere e usare i responsive framework, trovare snippet di codice ed utili esempi.

Nella sua homepage sono già in bella mostra alcuni template bootstrap per la realizzazione di carrelli, card layout, barre di navigazione, animazioni e molto altro.

twitter
Codepen vs Codeply
medium


categorie: 

Jupyter Notebooks & Binder

Jupyter Notebooks & Binder
In questo articolo di codingthesmartway.com ci si affaccia sul magico mondo dei Jupyter Notebooks, ovvero come realizzare dei fogli excel (ma ancora più potenti) che eseguono direttamente online, dentro al browser, grazie a siti come Binder.

Questi notebook possono contenere:
- codice eseguibile (es. Python code)
- visualizzazioni dinamiche (grafici, funzioni)
- spiegazioni (sintassi markdown)

Why Jupyter is data scientists’ computational notebook of choice
A gallery of interesting Jupyter Notebooks
XKCD plots in Matplotlib
nbviewer.jupyter.org

Introducing the Jupyter Extension for VS Code

[via]

Laravel

Docker laravel
Laravel è un ambiente di sviluppo orientato al PHP molto integrato. Homestead permette di avere tutto il necessario autoconfigurato in pochi minuti.

Lo stack software si compone di: Git, PHP 7.2, 7.1, 7.0, 5.6, Nginx, Apache (Optional), MySQL, MariaDB (Optional), Sqlite3, PostgreSQL, Composer, Node (With Yarn, Bower, Grunt, and Gulp), Redis, Memcached, Beanstalkd, Mailhog, Elasticsearch (Optional), ngrok, wp-cli.

Deploy a RESTful API using Laravel and Docker
Creating a multi-container application with docker
Docker


categorie: 

L'effetto Babich-Ceccotti

L'effetto "Babich-Ceccotti", il cui nome origina da questo post, si verifica quando l'interazione dei contenuti della profilazione social di due o più numi tutelari della cultura in tutte le sue multiformi sfaccettature genera serendipità ad un tasso di originalità molto superiore al normale.

Praticamente è un po' il contrario dell'effetto dei cosiddetti: "influencer".

Lorenzo Ceccotti
Andrea Babich

Ёлка - Грею счастье
Elka Synthex

[via]

categorie: 

Animazione Brutta e Social Minchiate

Questo pezzo di Ajay, autore dell'imperdibile sakugabooru.com, smonta le teorie su cosa sia davvero una brutta animazione. C'è in giro questa cattiva abitudine di indicare in-betweens esagerati o deformati come esempi, estrapolandoli dal flusso del loro contesto. Ma questi frame sono perfettamente in linea con ben due principi fondamentali dell'animazione, e sono quindi spesso esempi di lavori originali e di valore.

Ed è una perfetta metafora del trend di una qualsiasi discussione sul web, dove pezzi di frasi si succedono asincrone e arricchite artificiosamente di iperboli per spiccare dal resto del testo, focalizzandosi su dettagli che, decontestualizzati, spesso vogliono dire l'opposto di quello che era il loro significato originale.

La furia con la quale si mitragliano caratteri e nemica della precisione, e si può rivelare fuoco amico.

twitter


categorie: 

GraphViz e GraphViz.js

See the Pen Attack Trees - GraphViz Example by Matt Herman (@mph006) on CodePen.



GraphViz è un sistema di visualizzazione open source. E' un modo di rappresentare le informazioni strutturali come diagrammi e schemi astratti. Ha importanti applicazioni nel networking, la bioinformatica, nell'ingegneria del software, i database e il web design.

GraphViz.js
Dagre
Dagre.js


categorie: 

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.

Resources, projects, and lessons from 100 days of (serverless) cloud learning

Create your own Serverless API

[email protected]
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

The macro problem with microservices


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: