Web Design
-
HTML5: differenze tra gli elementi menu e nav
L’elemento
menu
di HTML5, così come l’altro componente di markup ad esso collegato denominato menuitem, nasce dall’esigenze di introdurre delle specifiche dedicate all’interattività nella costruzione delle pagine Internet; la loro introduzione è in pratica il frutto dell’evoluzione stessa dei Web standards, caratterizzata dal passaggio alle Web applications dopo un lungo periodo in cui la Rete offriva in particolare ipertesti e contenuti multimediali che fungevano nella maggior parte dei casi da elementi accessori.
-
CSS: height e min-height non sono equivalenti
Per quanto analizzando il contenuto dei fogli di stile e le regole CSS utilizzate in numerosi progetti non sia raro osservare come le proprietà
height
emin-height
vengano spesso impiegate quali elementi intercambiabili, è necessario sottolineare che queste ultime non sono equivalenti; per avere una prima conferma di quanto appena affermato è possibile consultare il manuale ufficiale del W3C (World Wide Web Consortium) che, relativamente a height sottolinea che: continua… -
Google: le nuove linee guida per il Responsive Design
Il centro assistenza per gli sviluppatori di Mountain View ha recentemente pubblicato le nuove linee guida per i diversi dispositivi mobili; si tratta di una raccolta di suggerimenti e strumenti di analisi per scoprire se il proprio sito Internet o la propria Web application sono stati ottimizzati per device come smartphone e tablet, indicazioni rilevanti se si considera che ad oggi l’utilizzo dei dispositivi mobili arriverebbe a generare da solo circa il 25% del traffico dati a livello mondiale (+14% rispetto al 2013).
-
Responsive Design ed elemento picture di HTML5
L’elemento
picture
di HTML5 è stato introdotto per dotare gli sviluppatori (e per associazione i browser Web) di uno strumento addizionale con il quale gestire le immagini, in particolare quelle fotografiche; la sua sintassi non manca però di una certa complessità dovuta ai diversi ambiti riferibili all’ottimizzazione grafica (ridimensionamento delle immagini, Responsive Design, adattabilità ai display con alta densità di DPI, supporto MIME da parte del browser..). -
Aggiungere sottotitoli ai video con HTML5
HTML5 permette di associare dei sottotitoli ai filmati tramite il formato WebVTT (Web Video Text Tracks), quest’ultimo è ancora in fase di definizione per quanto riguarda le specifiche, ma buona parte delle funzionalità concepite in fase di progettazione sono già state sufficientemente implementate da poter essere utilizzate in produzione, sia per le Web applications che per i siti Internet recanti dei video tra i loro contenuti.
-
Un template base in HTML5
Jacob Gube ha recentemente pubblicato su Six Revisions un interessante articolo attraverso il quale viene proposto un semplice template base in HTML5, una sorta di Boilerplate markup tanto personalizzabile (e totalmente privo di contenuti) quanto essenziale dal quale partire per la realizzazione di un layout riutilizzabile per la realizzazione di pagine Internet e Web applications.
-
I Simpsons in CSS
“The Simpsons in CSS” è un progetto realizzato dallo sviluppatore Chris Pattle che ha voluto riprodurre alcuni personaggi della nota serie animata creata da Matt Groening utilizzando unicamente CSS; l’autore ha lavorato per sottrazione, partendo quindi da un’elaborazione grafica i cui elementi sono stati sostituiti via via con le regole di stile.
-
Utilizzo corretto dell’elemento footer in HTML5
Prima di disporre dei nuovi elementi introdotti da HTML5 era (e a tutti gli effetti è ancora) possibile utilizzare costrutti come
div id="header"
ediv id="footer"
per indicare l’area dedicata alle intestazioni (testata o header) e il piè di pagina di un layout (footer); fin qui nessun problema dal punto di vista del design, ma nella realtà anche nulla che permetta al browser di identificare realmente un header o un footer all’interno delle pagine. -
HTML5: differenza tra blockquote e cite
Con l’affermarsi di HTML5 come nuovo Web standard, alcuni elementi già presenti nelle precedenti versioni di HTML hanno dovuto trovare una collocazione più precisa in modo da non sovrapporsi o essere confusi con quelli introdotti più di recente; tra gli elementi il cui significato è stato necessariamente aggiornato vi sono anche
blockquote
ecite
che potrebbero svolgere almeno apparentemente un ruolo simile. -
Utilizzo dell’elemento div in HTML5
div è un elemento molto particolare all’interno del markup, esso infatti è stato concepito per definire un componente generico nella struttura di una pagina; nello stesso modo esso può fare riferimento alla natura del proprio contenuto tramite l’utilizzo di identificatori e classi, ma nel passaggio tra HTML4 e HTML5 le caratteristiche del
div
non sono cambiate (così come la sua definizione), quindi esso continua a non avere in sostanza alcun significato a livello semantico.