Sintesi-Design.it

Introduzione agli eventi javascript

Javascript consente di condizionare l’esecuzione del codice al verificarsi di un determinato evento che avviene automaticamente, come il caricamento del documento, o provocato dall’azione dell’utente.

Lo sviluppatore dispone di diverse soluzioni per gestire gli eventi javascript ma solo alcune consentono di farlo al meglio.

Continua a leggere…

Velocity js: accelerare le animazioni

Velocity.js è una piccola libreria javascript (solo 9k) che ridefinisce la funzione animate() di jQuery in modo da migliorare la fluidità dell’animazione e l’efficienza del browser, soprattutto nei dispositivi mobili.

Velocity può essere utilizzata però anche senza jQuery all’interno di istruzioni javascript.

Continua a leggere…

Chart.js: creare grafici html5 con canvas

Chart.js è una libreria javascript Open Source (rilasciata con licenza MIT) con cui è possibile realizzare grafici utilizzando l’elemento html canvas. I grafici ottenuti con Chart.js sono interattivi e si adattano a qualsiasi browser o dispositivo.

Con chart.js è possibile realizzare sei diversi tipi di grafico: a barre, ad anello, a torta, a linee, coordinate polari e radar.

Continua a leggere…

Usare una CDN

Le CDN diminuiscono i tempi di scaricamento di alcune risorse, in genere file javascript e fogli di stile css, e perciò migliorano le prestazioni di un sito web e di conseguenza l’esperienza dell’utente.

Tutti gli sviluppatori esperti e i grandi network (Google e Microsoft ad esempio) consigliano di utilizzare le reti CDN nei propri progetti.

Continua a leggere…

Zepto: jquery in 9k

Zepto è un libreria javascript Open Source (rilasciata con licenza MIT) largamente compatibile con jQuery e destinata ai browser moderni e in particolare a quelli dei dispositivi mobili e proprio per questo motivo è piccolissima (5-10 kb) anche rispetto a jQuery.

Zepto utilizza le stesse API di jQuery in modo che gli sviluppatori possano utilizzarla senza dover imparare nuove istruzioni.

Continua a leggere…

Modernizr snippets: i test più comuni

Modernizr verifica se il browser supporta una determinata caratteristica html5 o css3 in modo che lo  sviluppatore possa prevedere una tecnica alternativa per garantire la fruizione dei contenuti anche nei browser privi di supporto.

Per verificare il supporto da parte dei browser di elementi html, proprietà css e api javascript consultare: HTML5 Test o Can I use.

Continua a leggere…

Modernizr: verificare se il browser supporta una caratteristica css o html

Modernizr è una libreria javascript che verifica se il browser supporta una data caratteristica HTML5 o CSS3 e, in caso contrario, consente di prevedere un contenuto alternativo per i browser meno recenti.

Se non si vuole rinunciare alle novità di HTML5 o CSS3, ma si vuole garantire l’accessibilità del sito anche ai browser meno recenti Modernizr potrà essere molto utile.

Modernizr è rilasciata con licenza MIT e quindi è liberamente utilizzabile, senza limitazioni, in ogni progetto web.

Continua a leggere…