Category: HTML5

HTML5

Chart.js e jQuery: caricare dati JSON in un grafico

chartjs json

Chart.js è un’ottima libreria JavaScript per la creazione di grafici, una delle mie preferite. Open source, responsive, 8 tipi di grafico e una vasta gamma di opzioni che ne fanno una libreria utile per qualsiasi rappresentazione statistica su web e mobile.

Nel seguente esempio ti mostro come caricare dati JSON in un grafico, utilizzando il metodo getJSON di jQuery:

var data = [];
 
$.getJSON(
Leggi tutto

Bootstrap Offcanvas: creare un menu laterale a scorrimento

bootstrap-offcanvas

Ormai tutti utilizziamo Twitter Bootstrap per il frontend dei nostri progetti web e mobile. Si, lo usi anche tu, lo so. Perchè è fico, bello, utile, ben progettato e, soprattutto, ben supportato. Io non ne farei mai a meno.

Oggi vediamo come implementare un menu laterale a scorrimento per le nostre mobile app in html5. Bootstrap, di base, prevede nella sua navbar che il menu “collapsi” (si, l’ho detto) …

Leggi tutto

Applicare l’evento touch al carousel di Twitter Bootstrap

twitter bootstrap carousel

No, non cliccare sul carousel che vedi qui sopra. E’ solo un’immagine 😀

Se, in un sito responsive, abbiamo utilizzato il carousel di Twitter Bootstrap, nella versione mobile, è il caso di applicargli l’evento touch, la gesture corretta per la migliore esperienza utente sui device mobili.

Per farlo possiamo utilizzare un plugin di jQuery che trovi qui: https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

Per attivare il plugin puoi copiare il seguente codice da richiamare …

Leggi tutto

Convertire da Flash ad HTML5: Adobe muove un passo verso il futuro con Wallaby

flash convert html5 wallaby

Nell’articolo “Ecco perchè Flash non morirà” prevedevo (non che fosse difficile prevederlo) che, molto presto, Adobe avrebbe messo a disposizione degli sviluppatori dei tools con cui convertire/esportare file Flash in codice HTML5/CSS3.

Ebbene, non sono passati neanche 20 giorni dall’articolo in cui condividevo le mie considerazioni sul futuro di Flash che, Adobe, rilascia da Adobe Labs un’applicazione AIR chiamata “Wallaby” con cui è possibile convertire …

Leggi tutto