Web Design

Mobi è un micro-framework CSS appositamente concepito per la stilizzazione di applicazioni Web mobile first; la libreria occupa appena 3.6 Kb quando compressa tramite GZip, caratteristica che la rende meno ingombrante rispetto a risorse dello stesso tipo, anche molto utilizzate presso gli sviluppatori, come per esempio Skeleton, PureCSS e Bootstrap (ivi compresa la quarta versione del noto frontend engine). Continua a leggere →

Cosa hanno in comune i negozi per il commercio elettronico, gli aggregatori di recensioni (cinema, ristoranti, musica..), le piattaforme per le prenotazioni alberghiere e i market place per le applicazioni mobili? Nella maggior parte dei casi sono tutti dotati di un sistema di rating attraverso il quale gli utenti possono esprimere la propria opinione riguardo ad un bene e ad un servizio. Starability è una soluzione basata su CSS e accessibile per creare rating system animati. Continua a leggere →

A-Frame è un framework Open Source concepito per semplificare la creazione di soluzioni Web based per la realtà virtuale; progettato e implementato dagli sviluppatori di MozVR (il Mozilla VR Team), esso permette di utilizzare la JavaScript 3D library threeJS e  la tecnologia per l’accelerazione grafica 3D WebGL per realizzare elaborati tridimensionali visualizzabili tramite un comune browser per la navigazione Internet, senza il ricorso a plugin di terze parti. Continua a leggere →

Plyr è un semplice media player basato su HTML5 che presenta diversi vantaggi per coloro che desiderano adottare una soluzione Open Source in grado di supportare i moderni browser per la navigazione Web. Si tratta infatti di un’applicazione leggera, accessibile e facilmente personalizzabile attraverso l’applicazione delle regole di stile necessarie per l’adattamento al proprio progetto. Continua a leggere →

Verificare che un’interfaccia utente o in generale una Web application siano in grado di funzionare adeguatamente su tutti i browser più diffusi per la navigazione Internet è uno degli oneri connessi al lavoro dello sviluppatore. Da questo punto di vista la frammentazione dovuta alle decisioni dei vendor non rende questo compito particolarmente semplice, al contrario non di rado ci si trova a dover gestire non soltanto le incompatibilità tra applicazioni diverse (cross-browser) ma anche quelle tra versioni differenti del medesimo browser (cross-version). Continua a leggere →

L’SVG (Scalable Vector Graphics) è un linguaggio, e nello stesso tempo un formato, per la grafica vettoriale derivato da XML per la gestione di immagini (ri)dimensionabili. Uno dei vantaggi degli output prodotti tramite SVG sta nel fatto che essi sono compatibili con i browser per la navigazione Web e possono quindi essere utilizzati come alternativa ad altri standard per Internet come per esempio JPEG e PNG. Continua a leggere →

ThreeJS è una libreria Open Source basata su JavaScript per la realizzazione di animazioni tridimensionali integrabili in pagine Internet e applicazioni Web; le caratteristiche principali di questa soluzione sono la leggerezza, la versione minificata del framework pesa appena qualche Kb, e il basso livello di complessità dei metodi disponibili. Anche possedendo conoscenze basilari in tema di JavaScript si potrà diventare rapidamente produttivi. Continua a leggere →

In alcuni casi è necessario lavorare su più pagine Web alla volta, documenti che potrebbero rappresentare una sequenza ordinabile; in questo caso ciascuna pagina dovrebbe avere la caratteristica di essere preceduta da un’altra pagina (previous sibling in termini di struttura) e seguita da un ulteriore documento (next sibling). Una pagina non preceduta da un’altra sarà considerata l’inizio delle sequenza, un documento non seguito da un altro rappresenterà la fine di quest’ultima.

Continua a leggere →

Datedropper è una soluzione Open Source per l’integrazione di datapicker all’interno di un sito Internet o di una Web application; si tratta di un comodo plugin per il framework JavaScript jQuery che potrà essere utilizzato nei form per i feedback così come nei moduli per le prenotazioni, a caratterizzare questa estensione è in particolare una procedura d’installazione estremamente semplice e la grande disponibilità di opzioni per la configurazione. Continua a leggere →

ForceJS è una soluzione basata su JavaScript che permette di animare facilmente gli elementi di un pagina Web; l’applicazione funziona in modo nettamente diverso dalle librerie concepite fino ad ora per il medesimo scopo, essa infatti offre delle funzioni appositamente dedicate all’utilizzo delle transizioni CSS, motivo per il quale la quantità di risorse richiesta dovrebbe rivelarsi inferiore rispetto alle metodologie basate sulla scripting puro. Continua a leggere →