Design responsive delle pagine web - Introduzione

Cos'è il design responsive per le pagine web?

Il design responsive web farà sì che il tuo sito web si presenti bene su tutti i dispositivi.

La progettazione web responsive utilizza solo HTML e CSS.

La progettazione web responsive non è un programma o JavaScript.

Design per ottenere la migliore esperienza per tutti gli utenti

Puoi utilizzare molti dispositivi diversi per visualizzare le pagine web: computer, tablet e telefoni. Indipendentemente dal dispositivo utilizzato, il tuo sito web dovrebbe apparire bello e facile da usare.

Le pagine web non dovrebbero abbandonare informazioni per adattarsi a dispositivi più piccoli, ma dovrebbero rendere il contenuto adatto a qualsiasi dispositivo:


Computer desktop

Tablet

Telefono

Se utilizzi CSS e HTML per regolare la dimensione, nascondere, ridurre, ingrandire o muovere il contenuto in modo che sia bello e funzionale su qualsiasi schermo, si chiama progettazione web responsive.

Se non capisci l'esempio seguente, non preoccuparti, analizzeremo il codice passo dopo passo nel capitolo successivo:

Prova da solo