Web Design

WebSlides è una soluzione interamente basata sulle tecnologie e gli standard per lo sviluppo orientato Web che consente di realizzare prestazioni multimediali utilizzando esclusivamente HTML5 e CSS3; si tratta di un’applicazione Open Source pensata per chi ha l’esigenza di condividere contenuti, motivo per il quale potrebbe risultare particolarmente utile in ambiti dedicati alla formazione e alla produttività. Continua a leggere →

Quando realizziamo un form per i contatti o un altro modulo per il feedback da integrare nelle nostre pagine Web è possibile sfruttare select, radio o checkbox per limitare il numero di scelte a disposizione degli utilizzatori; HTML 5 introduce però un elemento ancora più evoluto, datalist, che consente di definire un elenco di voci predefinite per i campi di input pur lasciando all’utente la libertà di scrivere un valore differente da quelli proposti. Continua a leggere →

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 a leggere →

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 e datetime-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 a leggere →

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 a leggere →

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 a leggere →

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 a leggere →

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 a leggere →

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.

Continua a leggere →

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 a leggere →