Responsive Web Design

L’utilizzo del mobile è in rapida crescita e presenta enormi opportunità, bisogna ottimizzare i siti web e il Responsive Web Design (RWD) è il futuro della moderna progettazione di siti web. Quello responsive è un sito web che si adatta al dispositivo di ogni visitatore, sia desktop, smartphone o tablet. Un sito web responsive ridimensiona dinamicamente i suoi contenuti e le immagini in diverse dimensioni dello schermo e rende il sito efficace e facile da usare su qualsiasi tipo di dispositivo.

Responsive Web Design

il futuro web mobile, il Responsive Web Design.

Nel libro di Ethan Marcotte – Responsive web design – vengono identificati 6 Resolution breakpoints:

  • 320 pixel riferito a schermi piccoli, come cellulari, impugnati con orientamento verticale (portrait).
  • 480 pixel riferito a schermi piccoli, come cellulari, impugnati con orientamento orizzontale (landscape).
  • 600 pixel riferito a piccoli tablet, come Kindle di Amazon (600×800) e Nook di Barnes&Noble (600×1024), impugnati con orientamento verticale.
  • 768 pixel riferito a tablet da 10 pollici come l’iPad (768×1024) impugnati con orientamento verticale.
  • 1024 pixel riferito a computer da scrivania, laptop e netbook, e tablet come l’iPad (1024×768) impugnati con orientamento orizzontale.
  • 1200 pixel riferito a computer con schermi larghi, generalmente desktop ma anche portatili.

Queste tipologie vengono genericamente ricondotte a 4 categorie principali:

  • mobile: per cellulari
  • narrow: per tablet
  • normal: pc desktop
  • wide: schermi di grandi dimensioni


you
see
web
art