Tags: HTML

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

Includere inline un file css in una pagina MVC

Per velocizzare il caricamento delle pagine web può tornare utile inserire i css direttamente nell'head delle pagine anzichè fare un link al file stesso. Questo perchè solitamente i tempi di apertura ...
03nov2016

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

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

String Format in JavaScript

Un esempio di come implementare la funzione string.format in JavaScript : String.prototype.format = function(){ //Sgart.it - String.format //27-01-2015 update var l=arguments.length; var s=this; if(l& ...
26gen2015

Aggiungere script e css dinamicamene all' HEAD della pagina

Tramite javascript è possibile aggingere dei riferimenti a file JavaScript, file css o inserire direttamente degli stili css nell'head della pagina. Questo è un esempio: <!DOCTYPE html> <html ...
27nov2014

SCRIPT1028: Expected identifier, string or number

Questo errore: SCRIPT1028: Expected identifier, string or number si presenta in Internet Explorer (nel mio caso versione 10) in due casi: quando un oggetto JavaScript ha una virgola dopo l'ultima prop ...
17apr2014