• Passa alla navigazione primaria
  • Passa al contenuto principale
  • Passa alla barra laterale primaria
  • Passa al piè di pagina

Tiziano Fogliata

  • Home
  • WordPress
  • Web Marketing
  • Email Marketing
  • Contatti

Home » Sviluppo Web » Come testare un Responsive Web Design

Come testare un Responsive Web Design

Scritto da Tiziano Fogliata il 12 Febbraio 2013

Testare un layout alle varie risoluzioniIl Responsive Web design è un approccio alla creazione di siti e applicazioni Web che pone al centro l’utente, cercando di fornirgli la migliore user experience possibile in base al dispositivo che utilizza per la navigazione Web.

Più che sul dispositivo in sé, il Responsive Web design si focalizza sulla dimensione dello schermo, o per meglio dire dell’area visibile del browser.

Sfruttando griglie flessibili ed un corretto impiego delle CSS media query, un design responsive permette di adattarsi perfettamente allo schermo di un computer desktop, di un tablet o di uno smartphone.

Quando si sviluppa un sito responsive, il miglior modo per testarlo è sicuramente quello di provarlo con i vari dispositivi, in modo da poter verificare sul campo se l’implementazione è corretta e funzionale.

Se però non hai a portata di mano un tablet o uno smartphone oppure se non vuoi continuamente passare da un dispositivo all’altro durante gli interventi di modifica, ecco alcuni tool che ti consiglio:

  • Google Resizer
  • BrowserStack Responsive Design Testing
  • Responsive Test
  • Responsinator
  • Am I Responsive

Test di un design responsive con Responsive.is

 

In alternativa, se hai installato l’estensione Web Developer per Mozilla Firefox, puoi utilizzare la funzione “View Responsive Layouts” disponibile nella sezione Resize di questa estensione.

Testare layout responsive con Web Developer Toolbar

Share10
Tweet5
Share1
WhatsApp
Share10
Tweet5
Share1
WhatsApp

Sezione: Sviluppo Web # Responsive Web Design, Web design

Interazioni del lettore

Ti potrebbero interessare anche…

Grid Ruler: un’estensione per Chrome per tracciare guide come in Photoshop
4 estensioni per Google Chrome per i web designer
Quali font usare per un sito web

Lascia un commento Annulla risposta

Il tuo indirizzo email non sarà pubblicato. I campi contrassegnati con un asterisco sono obbligatori.

Barra laterale primaria

Mi presento

Tiziano FogliataMi chiamo Tiziano Fogliata e mi occupo di consulenza e formazione in ambito WordPress e digital marketing.
Aiuto aziende e professionisti a sfruttare strumenti come WordPress, l'email marketing e la marketing automation per comunicare, trovare nuovi clienti e far crescere la propria attività. Autore di due libri su WordPress editi da Hoepli. Continua…

I miei video

  • Video tutorial su WordPress

WordPress: articoli consigliati

  • Come scegliere l’hosting per il tuo sito
  • Come scegliere un tema WordPress
  • Come installare WordPress su hosting SiteGround
  • 16 cose da fare prima di pubblicare il tuo sito
  • Quanto costa realizzare un sito WordPress
  • Perché consiglio Genesis come tema WordPress
  • Landing page su WordPress: guida alle soluzioni migliori
  • Guida ai Page Builder per WordPress
  • Come e perché fare il backup di un sito WordPress
  • Siti WordPress in più lingue con WPML
  • Gravity Forms: il miglior plugin WordPress per creare moduli

Footer

Risorse Utili

  • I migliori plugin per WordPress
  • Risorse WordPress
  • Guida all'email marketing
  • Glossario
  • WordPress FAQ
  • I gadget e le app e i servizi che uso

Servizi e Formazione

  • Corsi online
    Per imparare in modo facile passo dopo passo
  • Consulenza
  • Realizzazione Siti Web per Professionisti
  • Formazione su WordPress

Contatti e Social

  • Contattami
  • Facebook
  • YouTube
  • Twitter
  • Instagram
  • Feed RSS

©2004–2021 Tiziano Fogliata | Informazioni sul sito | Privacy Policy | Cookie Policy | Preferenze Cookie
Partita IVA: 02689700983 | Registro Imprese di Brescia n. 471035