Tags: HTML 5

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 style ...
20gen2019

Convertire i numeri da cifre a lettere (new)

Versione migliorata della precedente funzione JavaScript per convertire i numeri da cifre a lettere scritte per esteso (come sugli assegni). Ad esempio 2234 diventa DueMilaDueCentoTrentaQuattro . [htm ...
10gen2019

Come usare una libreria di icone SVG

Con il diffondersi di siti web responsive fruibili da vari dispositivi con varie risoluzioni, diventa sempre più importante sostituire le immagini classiche in png o jpg con formati vettoriali come sv ...
04dic2018

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 punto, ...
27lug2018

React come funziona - Caricare i dati da una API

In React si possono usare varie librerie per l'accesso ad API remote, nell'esempio utilizzo la Fetch API nata per sostituire l'oggetto XMLHttpRequest presente negli attuali browser. Per il codice base ...
18nov2017

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 quadrat ...
06nov2017

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 muovere il ...
05nov2017

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 per ...
04nov2017

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'animazion ...
03nov2017

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 la ...
03nov2017

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 canvas o ...
02nov2017