Web e code script visite 75

2 strumenti per testare un sito responsive

1 min

Testare siti Responsive Web Design

Avete già iniziato a realizzare siti responsive? Il web è ormai orientato in questa direzione, quindi bisogna essere sempre aggiornati ed imparare in fretta le tecniche per crearli in modo da stare al passo con internet.

Oggi vi presento due ottimi strumenti che vi permetteranno di testare online i vostri siti web durante la loro progettazione e costruzione.

Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo
Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo

Responsive Web Design Tool Testing

Inserendo l’URL del sito web che vogliamo analizzare nell’input text dove è scritto “Test your own site… type the url and hit enter” e premendo appunto invio è possibile vedere come il sito viene visualizzato in diverse dimensioni, corrispondenti a quelle dei principali dispositivi con cui è possibile fruire del web.

Non è possibile tuttavia navigare l’anteprima del sito, a meno che non venga scaricato lo strumento attraverso la pagina e caricato sull’hosting che ospita il sito da analizzare.



Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo
Contenuto bloccato: accettare utilizzo dei cookie e ricaricare la pagina per visualizzarlo

Viewport Resizer

E’ un bookmarklet, quindi uno strumento per browser, molto utile e comodo. Non bisognerà trasferirsi su un altro sito per testare il proprio sito responsive ma cliccare sul bookmarklet nella barra del browser per controllare la pagina su tutti i tipi di risoluzioni dello schermo.

E’ molto personalizzabile, infatti se ne può creare uno in base alle proprie esigenze. E’ supportato dai principali browser, fatta eccezione per Internet Explorer. Uno strumento fondamentale per il vostro lavoro!


Riproduzione riservata © La riproduzione è concessa solo citando la fonte con link all'articolo. Condividi l'articolo


Articolo a cura di: Del Re Valerio
Dott. in Comunicazione e Pubblicità per le Organizzazioni. Sono l'ideatore del blog Robadagrafici.com e mi occupo di comunicazione visiva, grafica e web, per le aziende.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *



Potrebbe anche interessarti

webdesign

Web e code script

Testare sito mobile online. Effettua il test con Google

1 minSe sei un webdesigner sicuramente nell’ultimo periodo ti starai dedicando allo studio…

webdesign

Web e code script

Ridimensionare e ritagliare immagini online

1 minIl problema principale quando si realizza un sito (in particolare e-commerce) ma…

webdesign

Web e code script

Aprire e chiudere div con jQuery UI Accordion

3 min Capita spesso ai web designer di dover gestire i contenuti in…