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 ...
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 ...
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 ...
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 ...
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 ...
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: < ...
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 ...
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 ...
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 ...
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 ...
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" ...
