Tags: HTML

19 set 2020

Informatica

Come applicare uno specifico CSS quando si è in fullscreen

Tramite le media query dei CSS è possibile applicare uno specifico stile solo quando si è in fullscreen.

HTML 5 CSS JavaScript HTML

05 mar 2020

Informatica

Visualizzare una playlist di YouTube

Tramite le API di YouTube è possibile integrare una playlist in una pagina html con una aspetto personalizzato

JSON HTML 5 JavaScript HTML

10 feb 2019

Informatica

Gestione template HTML in JavaScript

Sempre più spesso i siti web caricano dati nella pagina in modo asincrono, ad esempio quando i dati sono paginati. Questa gestione può essere con dei framework quali JQuery , Angular , React , ecc ...

Esempi HTML 5 JavaScript HTML

20 gen 2019

Informatica

Animazione di elementi HTML con CSS3

Tramite CSS3 è possibile creare delle animazioni di uno o più elementi HTML . Questa demo permette di testare alcune delle funzionalità dei CSS relativi all'animazione visualizzando il relativo st ...

Utility HTML 5 CSS HTML

27 lug 2018

Informatica

Sostituire il punto con la virgola in una textbox numerica in JavaScript

Capita spesso di dover realizzare delle applicazioni che richiedono un input limitato ai soli caratteri numerici. Inoltre, essendo in italia, il nostro separatore decimale è la virgola e non il pu ...

HTML 5 JavaScript HTML

06 nov 2017

Informatica

Come creare un animazione in JavaScript (7) - immagini

Finora negli esempi ( Come creare un animazione in JavaScript ), ho gestito solo forme grafiche, adesso vediamo come inserire nell'animazone delle immagini. Usa i tasti cursore per muovere il qua ...

Esempi HTML 5 JavaScript HTML

05 nov 2017

Informatica

Come creare un animazione in JavaScript (6) - mouse

Nell'animazione precedente ho aggiunto l'interazione con la tastiera, adesso vediamo come gestire il movimento del mouse per muovere più oggetti contemporaneamente. Usa i tasti cursore per muover ...

Esempi HTML 5 JavaScript HTML

04 nov 2017

Informatica

Come creare un animazione in JavaScript (5) - tastiera

Possiamo integrare l'animazione precedente con l'aggiunta dell'interazione con la tastiera, ovvero la possibilità di controllare il movimento di uno sprite attraverso i tasti. Usa i tasti cursore ...

Esempi HTML 5 JavaScript HTML

03 nov 2017

Informatica

Come creare un animazione in JavaScript (4) - collisioni

Le animazioni viste finora ( Come creare un animazione in JavaScript (3) ) hanno tutte una caratteristica, gli oggetti quando raggiungono i bordi escono dall'area visibile. Vediamo come aggiungere ...

Esempi HTML 5 JavaScript HTML

03 nov 2017

Informatica

Come creare un animazione in JavaScript (3)

Migliorando l'animazione precedente, Come creare un animazione in JavaScript (2) , si può affinare il codice creando degli oggetti che rappresentano le forme (sprite) gestite: Se non vedi l'anima ...

Esempi HTML 5 JavaScript HTML

02 nov 2017

Informatica

Come creare un animazione in JavaScript (2)

Partendo dall'animazione precedente, Come creare un animazione in JavaScript , è possibile riorganizzare un po' il codice per gestire più oggetti animati. Se non vedi l'animazione clicca sul canv ...

Esempi HTML 5 JavaScript HTML

01 nov 2017

Informatica

Come creare un animazione in JavaScript

Le animazioni in JavaScript , ma in genere qualsiasi disegno 2D, possono essere gestite tramite i canvas . Per iniziare occorre inserire un elemento Html di tipo canvas nella pagina: <!DOCTYPE ...

Esempi HTML 5 JavaScript HTML

27 set 2017

Informatica

Open Dialog in JavaScript

Funzione JavaScript per aprire una finestra dialog modal passando la url di una pagina da visualizzare. Non usa librerie esterne solo JavaScript e HTML 5 . esempio di dialog con titolo e tasto di ...

Esempi HTML 5 JavaScript HTML

07 lug 2017

Informatica

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 ct ...

Esempi Angular JS JavaScript HTML MVVM

29 giu 2017

Informatica

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

React XML / XSL / XSLT Esempi JavaScript HTML

28 giu 2017

Informatica

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 di una Single Page Application...

React XML / XSL / XSLT Esempi JavaScript HTML

01 mag 2017

Informatica

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 t ...

Esempi HTML 5 CSS HTML

03 nov 2016

Informatica

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.

MVC Visual Studio CSS C# HTML

21 set 2016

Informatica

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

Esempi Bootstrap HTML 5 CSS HTML

03 mar 2016

Informatica

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 anch ...

Esempi HTML 5 JavaScript HTML

28 mag 2015

Informatica

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

React NodeJs Visual Studio HTML 5 Angular CSS JavaScript HTML

18 mag 2015

Informatica

Indicatore di percentuale circolare con Canvas (dynCircle) in JavaScript

Quello che segue è un esempio di utilizzo di un canvas per la realizzazione di un indicatore di percentuale circolare; canvas non supportati, aggiorna il browser Nuovo valore ...

Esempi HTML 5 JavaScript HTML

17 mag 2015

Informatica

Canvas in JavaScript, come iniziare, esempi

Il tag canvas fa parte dell' HTML 5 e permette di "disegnare" liberamente sulla sua superficie.

Esempi HTML 5 JavaScript HTML

01 mag 2015

Informatica

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&q ...

Esempi HTML 5 JavaScript HTML

26 gen 2015

Informatica

String Format in JavaScript

Un esempio di come implementare la funzione string.format in JavaScript.

JavaScript HTML

27 nov 2014

Informatica

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

Esempi JavaScript HTML

17 apr 2014

Informatica

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

Errori Browser JavaScript HTML

02 feb 2014

Informatica

Creare un servizio WCF che ritrona dati in JSON

Per creare un servizio WCF che ritorna dati in JSON si parte da un progetto Visual Studio 2010/2012 di tipo WebApplicatione e si aggiunge un WCF . A questo punto devi modificare i 3 file aggiunti ...

JQuery Esempi Visual Studio JSON .NET JavaScript HTML WCF

22 nov 2013

Informatica

Superato esame 70-480

Oggi ho superato l'esame di certificazione Microsoft 70-480 Programming in HTML5 with JavaScript and CSS3 con il punteggio di 920 / 1000. Elenco completo esami

JQuery Esami JavaScript HTML

07 nov 2013

Informatica

HTML 5 Worker - multi thread

Un esempio di come è possibile, con le nuove feature di HTML 5 , gestire più thread in un processo separato tramite i Worker . Allo stato attuale funziona su Internet Explore 10 e sulle ultime ver ...

JavaScript HTML

1 (current)
2
3
Pagina 1 di 3 (30 / 67)

Alberto Ballabio

Segui @Sgart_it

Chi sono

Traduci

2020

(UTC +2)