Metodi e Proprietà Javascript per disegnare forme nel canvas

Nella lezione precedente abbiamo visto che cosa è un canvas e quali sono le istruzioni javascript per poterlo gestire, adesso vediamo come fare per disegnare al suo interno una linea retta che lo attraversa in diagonale, per farlo ci posizioniamo in alto a sinistra moveTo(0,0) e tracciamo una linea fino al punto (250,150) praticamente le dimensioni max del nostro canvas e...

Canvas: il nuovo elemento per disegno 2d in HTML5

Una delle maggiori novità introdotte da HTML5 è la possibilità di disegnare "al volo" sulla pagina web facendo uso di un linguaggio di scriptting come ad esempio JavaScript. Si tratta di definire una porzione della pagina web sulla quale poter disegnare (in 2d) forme geometriche, font di caratteri e persino immagini grafiche. Questa possibilità prende il nome di canvas...

Audio in HTML5: suoni e musica

HTML5 ha introdotto nuovi elementi e nuovi attributi per poter ascoltare e gestire un brano audio senza preoccuparsi se nel PC di chi visualizza la pagina web ci siano o meno i programmi e/o i plug-in istallati, Quello che serve è tutto all'interno del browser. Di seguito la descrizione con esempi degli elementi usabili per l'audio. Nelle attuali versioni di...

Video in HTML5

HTML5 ha introdotto nuovi elementi e nuovi attributi per poter mostrare e gestire un video senza preoccuparsi se nel PC di chi visualizza la pagina web ci siano o meno i programmi e/o i plug-in istallati, Quello che serve è tutto all'interno del browser. Di seguito la descrizione con esempi dei nuovi elementi usabili per i video. Nelle attuali versioni...

Attributi di HTML5 per i Form

HTML5 ha introdotto nuovi attributi che di solito si associano ai campi di tipo input dei moduli stessi, alcuni però sono utilizzabili anche all'interno di elementi come vedremo negli esempi. Vorrei ricordare che in questa guida vengono mostrati soltanto i nuovi attributi per i forms di HTML5, dando per scontato che voi conosciate già gli altri di HTML precedenti,...

Input Type di HTML5 per i Form

HTML5 ha introdotto nuovi type di input per i moduli o forms, a dire la verità di alcuni se ne sentiva davvero il bisogno, peccato che facendo delle verifiche non tutti i browser li supportano. Provate ad immaginare qual'è il browser che più di tutti gli altri non vuol saperne di queste novità? Proprio lui l'ormai famigerato IE, e...

Nuovi elementi di HTML5 per i Form

HTML5 ha introdotto nuovi elementi anche per i moduli o form, a dire la verità di alcuni se ne sentiva davvero il bisogno visto che per ottenere quello che adesso è possibile fare specificando un semplice attributo prima lo si otteneva con diverse righe di codice javascript. Vorrei ricordare che in questa guida vengono mostrati soltanto quelli che sono una...

Nuovi elementi HTML5

HTML5 ha introdotto nuovi elementi, alcuni già visti nella lezione precedente (elementi semantici). Qui ne vediamo altri che non riguardano la struttura ma che servono a migliorare e potenziare i contenuti. <time>...</time> L'elemento time demarca la data e l'ora su un orologio con formato 24 ore. Viene dunque usato per esprimere data ed ora, se non è inserito all'interno di un elemento <article> farà...

Nuovi Elementi Semantici della Struttura HTML5

Prima di passare in rassegna alcuni nuovi elementi semantici di HTML5 vorrei soffermarmi su questo termine "semantico" che a prima vista sembra non sortire alcun effetto pratico, ed infatti con o senza questi nuovi elementi l'aspetto estetico delle nostre pagine web non è cambiato molto, in alcuni casi direi proprio per niente. Ma allora a che cosa serve rispettare...

La struttura base di un documento HTML5 

La struttura di un documento HTML5 è composta da un contenitore <html> e due sezioni ben distinte: una parte iniziale denominata testa <head> ed una parte centrale denominata corpo <body> Nella testa (head) vanno inseriti soltanto quei comandi che forniscono informazioni ai motori di ricerca, quali: meta comandi, titolo, ecc. oltre a tutto il codice che deve essere letto con una certa priorità: script, dichiarazioni di...