Gestione dello spazio con le media query CSS

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.