Nello script #50 abbiamo visto come utilizzare le Fullscreen API di HTML5:http://www.html5italia.com/script/50/Visualizzare-Contenuti-Fullscreen-HTML5.aspxAl momento della pubblicazione dello script, IE non aveva ancora un supporto per questa feature, che è stata aggiunta nella ...

Con l'introduzione di CSS3 abbiamo la possibilità di creare transizioni per dare un'animazione agli oggetti in maniera nativa e quindi senza utilizzare framework di terze parti. Grazie a questa caratteristica possiamo decidere quali proprietà di un oggetto animare e quanto tempo ...

I device che visualizzano un sito possono essere di diverse dimensioni passando da uno smartphone a 7 pollici a un televisore da 50 pollici. Avere un'immagine di background diversa per ogni possibile dimensione dello schermo è una soluzione efficace, ma poco manutenibile in virtù...

Con la comparsa dei primi dispositivi mobile con display ad alta risoluzione (es. Retina display di Apple) e successivamente di alcuni modelli di laptop, le immagini visualizzate da un sito web, se non adeguatamente gestite, appaiono evidentemente con una definizione inferiore ...

Con CSS 3 è possibile dare un ulteriore tocco di personalità ad una pagina web, impostando un font personalizzato, che ricalchi l'identità del sito web, evitando di utilizzare immagini o plug-in per gestire la visualizzazione di un nuovo carattere.Originariamente, con le ...

Nello script #7 (http://www.html5italia.com/script/7/Gestione-Avanzata-CSS-CSS3-Media-Queries.aspx) abbiamo visto come sia possibile utilizzare Media Query di CSS3 per gestire lo stile della pagina in base alla risoluzione dello schermo e all'orientamento del dispositivo; in ...

Tra gli effetti che è possibile applicare al testo con CSS3 c'è l'ombreggiatura, definita tramite la proprietà text-shadow che richiede di specificare nell'ordine: scostamento orizzontale (horizontal offset): con valori positivi l'ombreggiatura viene disegnata alla destra del...

Per preservare il design di una pagina può risultare necessario limitare la visualizzazione di un testo dinamico affinché non ecceda le dimensioni massime del contenitore. In questo caso è utile dare all'utente un feedback visuale che mostri chiaramente che il testo visualizzato ...

HTML5 introduce una serie di nuovi tag per attribuire un significato semantico alle diverse parti che costituiscono la pagina: header, nav, footer, article, section, figure, ecc.Se i browser moderni supportano nativamente questi elementi, i browser più datati (come le versioni di...

HTML5 introduce una serie di nuovi tag semantici, che hanno l'obiettivo di rendere più immediata la composizione della pagina, indicando in maniera rapida la tipologia di informazioni presenti una determinata parte della pagina.In particolare, HTML5 dispone dei tag header, footer...