Tags: HTML

AngularJS come filtrare i valori di un elenco

In AngularJS è possibile filtrare un elenco di valori tramite la keyword filter è l'operatore pipe | . Può essere usato, ad esempio, con ng-repeat o ng-options : <div ng-repeat="item in ctrl.f ...
07lug2017

React come funziona - Gestire lo Stato del componente

Continuando dall' esempio precedente vediamo come gestire lo stato di un componente, realizziamo un semplice orologio. Il seguente esempio visualizza l'ora attuale: class Clock extends React.Component ...
29giu2017

React come funziona

React è una libreria JavaScript per la costruzione di interfacce lato client. A differenza di un framework come AngularJs che si occupa dell'intero ciclo di vita si una Single Page Application , Reac ...
28giu2017

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