Gli ultimi post di Edit
Responsive web design su tabelle di dati
Lunedì 16 Gennaio 2012 - 09:35
di Maico Orazio
Quando si tratta di Responsive Web Design, dobbiamo considerare con attenzione gli elementi di design e adattarli al particolare contesto, a seconda delle dimensioni dello schermo o dispositivo mobile corrente.
La progettazione reattiva non riguarda solo immagini e layout, ma anche menu di navigazione, video, moduli, dimensione dei caratteri, link e anche le tabelle. Infatti, avete mai pensato a come si dovrebbe adattare una complessa tabella multi-colonna in versione desktop per una comoda visualizzazione su un dispositivo mobile?
Continua a leggere Responsive web design su tabelle di dati
Categoria: Web Design | Permalink | Commenti (2)
Una panoramica sulle media-query di CSS3
Martedì 12 Luglio 2011 - 10:57
di Mariano Calandra
I modi in cui entriamo sul Web sono molteplici: portatile, netbook, smartphone, tablet e così via. Dispositivi piuttosto diversi soprattutto per quanto riguarda le dimensioni. Compito di un buona progettazione è quello di dare un layout ottimale a ciascun dispositivo e di conseguenza a ciascuna risoluzione. Il compito fino ad oggi non era propriamente semplice e richiedeva l’uso di JavaScript, i CSS3 rendono il tutto molto più semplice con 3 semplici proprietà.
Continua a leggere Una panoramica sulle media-query di CSS3
Categoria: CSS | Permalink | Commenti (2)
Gestione dello spazio con le media query CSS
Lunedì 12 Luglio 2010 - 08:17
di Cesare Lamanna
Le media query introdotte con i CSS3 possono rappresentare uno strumento straordinariamente efficace per indirizzare regole specifiche a dispositivi, tipi di schermo o contesti specifici. La loro applicazione può andare però ben al di là di situazioni relative all’alternativa layout per il desktop/layout per il mobile come in questo articolo.
Chris Coyer ci mostra un uso intelligente delle media query per creare una barra laterale che si auto-adatta nei contenuti e nell’aspetto grafico a seconda delle dimensioni che assume. Più facile osservare la demo, per capire, che provare a spiegare a parole, è sufficiente ridimensionare la finestra per vedere l’effetto in azione.
Categoria: CSS | Permalink | Commenti (3)
-