Il mio amico e collega (e forse prossimamente compagno di canestri) Alessandro, detto Odino, è un giovane e talentuoso sviluppatore. Ha un blog tecnico (in inglese) interessante e con un pregevole stile minimalista. Purtroppo il suo blog non è mobile-friendly.
Eppure basta così poco per rendere un sito perfettamente leggibile su dispositivi mobili, ne ho avuto recentemente conferma lavorando alla documentazione italiana di Symfony2. Infatti bastano due piccole cose: un semplice meta e poche righe di CSS.
Il meta è questo:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Sul CSS si può variare, questo è un esempio:
@media screen and (max-device-width: 480px) {
div.sidebar { display: none; }
// qui ovviamente si può aggiungere codice a piacere...
}
Non è difficile, vero?