Web Design
-
HTML 5: evidenziare contenuti con il tag mark
mark
è un tag HTML 5 utilizzabile per sottolineare la rilevanza di un determinato contenuto, sia esso per esempio un singolo termine o un stringa; un elemento potrebbe essere considerato rilevante quando l’utente viene invitato a compiere un’azione specifica ed esso potrebbe rivelarsi utile per il suo completamento, ora o in futuro. Sta quindi allo sviluppatore selezionare con attenzione quali contenuti devono essere evidenziati con questo tag. continua…
-
Contenuti a scomparsa con HTML 5 (e senza JavaScript)
details
esummary
sono due nuovi elementi di HTML 5.1 che consentono di mostrare e nascondere dei blocchi di contenuti all’interno di una pagina Web, all’utente verrà richiesto di interagire con le informazioni tramite un semplice click del mouse che le renderà visibili o le nasconderà a seconda di quello che era il loro stato precedente. continua… -
HTML 5.1: definire immagini alternative in base alla risoluzione
L’attributo
srcset
di HTML 5.1 consente allo sviluppatore di definire più alternative caratterizzate da risoluzioni differenti di una medesima immagine; in sua presenza il browser Web non dovrà fare altro che selezionare e rendere visibile l’alternativa più adatta per il display del dispositivo in uso al momento corrente, tale selezione verrà operata sulla base di criteri come la densità di pixel, la velocità di navigazione o il livello di zoom adottato. continua… -
I nuovi input type di HTML 5.1
Tra le novità di HTML 5.1 vi sono anche alcuni input type, o campi di input, appositamente dedicati alle date, nello specifico parliamo di
month
,week
edatetime-local
. Come sottolineato descrivendo altre tipologie di attributi introdotte con questo aggiornamento, anche in questo caso il loro utilizzo dovrà essere testato con attenzione prima di passare alla fase di produzione, questo perché per il momento il supporto cross-browser completo non viene ancora garantito. continua… -
Menu contestuali in HTML 5.1
HTML 5.1 introduce nuove feature nel linguaggio di markup per le pagine Web. Per il momento non tutte sono sufficientemente supportate dai browser Internet più diffusi, ma è probabile che tale lacuna verrà eliminata nel corso dei prossimi mesi grazie all’operato dei vendor; con questo articolo dedicato agli elementi e ai tag per i menu contestuali inizia quindi una serie di articoli volti ad analizzare le novità più interessanti dell’aggiornamento. continua…
-
Responsive Design con i Firefox Developer Tools
I Firefox Developer Tools, cioè il set di strumenti dedicati agli sviluppatori messo a disposizione dal progetto del noto browser Web Open Source di Mozilla, includono ora una modalità per il Responsive Design (Responsive Design Mode o più brevemente RDM) che è stata integrata nella Firefox Developer Edition, la versione dell’applicazione che include le novità introdotte più di recente dalla community. continua…
-
Snapshot CSS con Critical Style Snapshot
Critical Style Snapshot è un’utile applicazione per gli sviluppatori che consente di realizzare snapshot, letteralmente delle “istantanee”, delle regole CSS utilizzate in una determinata pagina Web; questa soluzione è stata concepita per essere compatibile con la maggior parte delle pagine Web presenti su Internet, si presenta in sostanza come un’estensione per Google Chrome in grado di catturare circa il 99% delle media query CSS attive. continua…
-
Simulazione di tabelle con CSS
La simulazione delle tabelle tramite CSS è un metodo per l’allineamento dei contenuti alternativo all’utilizzo dei tag HTML per la creazione delle tabelle, questi ultimi infatti andrebbero adottati soltanto per intabellare dati e non per allineare altre tipologie di elementi come per esempio i testi, le immagini e i video che rappresentano i contenuti centrali di una pagina Web. continua…
-
CSS: relazioni tra i selettori tramite combinators
In CSS i combinators sono delle componenti che indicano la presenza di specifiche relazioni tra i selettori utilizzati per la definizione delle regole di stile. Tecnicamente un selettore CSS è in grado di contenere a sua volta ulteriori selettori (simple selectors), tra questi ultimi è quindi possibile definire un rapporto di correlazione tramite combinator che viene rappresentato da un simbolo differente a seconda della sua tipologia.
-
GMail supporta le media query CSS
Come spiegato di recente da Pierce Vollucci, Associate Product Manager presso GMail e Steve Bazyl, Developer Programs Engineer di Google Apps, i messaggi di posta elettronica inviati tramite il client di Mountain View possono essere letti in diverse tipologie di dispositivi; è quindi necessario garantire un livello di rendering ottimale al di là del device di riferimento, realizzando delle email quanto più possibile responsive. continua…