Tags: HTML 5

Usare le variabili nei file CSS

Nelle recenti versioni dei browser è stato introdotto il supporto per l'utilizzo delle variabili nei file css . Le variabili vanno definite con due meno come prefisso (--colore1) e si utilizzano trami ...
01mag2017

Calendario con festività ed eventi

[html=no-border] <style> .sgart-calendar, .sgart-calendar div, .sgart-calendar ul, .sgart-calendar li{ box-sizing: border-box; position: relative; margin: 0; padding: 0; border: 0; } .sgart-cale ...
12feb2017

Bootstrap visualizzare la media query applicata

Con questo snippet inserito in una pagina html che usa Bootstrap , è possibile visualizzare quale media query viene applicata quando si ridimensiona la finestra: <div>Bootstrap media query: < ...
21set2016

Cambiare il colore o la classe di un elemento HTML ciclicamente a tempo

Recentemente un collega mi ha chiesto un JavaScript per cambiare ciclicamente il colore si sfondo di un elemento HTML ogni N secondi. Lo script seguente è una versione migliorata che supporta anche il ...
03mar2016

HTML 5 applicazioni offline

L 'HTML 5 possiede un meccanismo di caching che permette di memorizzare localmente (sul client) i file necessari al funzionamento di una applicazione web-based (html, image, font...) anche quando ques ...
02giu2015

Visual Studio Code

E' disponibile Visual Studio Code un editor leggero, disponibile anche per MAC e Linux, per gestire le applicazioni moderne in HTML5, JavaScript ed altro. Può essere scaricato da qui https://code.visu ...
28mag2015

Indicatore di percentuale circolare con Canvas (dynCircle)

Quello che segue è un esempio di utilizzo di un canvas per la realizzazione di un indicatore di percentuale circolare; [html] <canvas id="sgart-canvas-circle" data-value="45" data-max="100" data-li ...
18mag2015

Canvas, come iniziare, esempi

Il tag canvas fa parte dell' HTML 5 e permette di "disegnare" liberamente sulla sua superfice. Questo è il tag da inserire in pagina: <canvas id="sgart-canvas-1" width="550" hei ...
17mag2015

Orologio analogico in HTML 5 con Canvas

Orologio analogico realizzato in HTML 5 e JavaScript utilizzando i Canvas per disegnare l'orologio. Per inserire l'orologio in pagina, crea un tag canvas : <canvas id="sgart-canvas-clock" ...
01mag2015