Website screenshot: rendering your web design with multiple browsers

Ultimamente ho sempre l’incubo che questo blog non si veda cosi’ bene come lo vedo io dalla mia workstation Ubuntu con Firefox, soprattutto l’angoscia deriva da come possono vederlo la maggioranza di utenti che usano Internet Explorer.
Si sa, e’ noto, saputo e risaputo che IE interpreta CSS e tag HTML un po’ come gli pare fregandosene altamente degli standard W3C, da questo deriva che spesso un url che con il vostro Firefox si vede benissimo, allineata senza uno sbaffo, con IE si veda letteramente da schifo, con colonne spostate in basso testate completamente irriconoscibili, corpo della pagina fluttuante in qualche angolo del video.
Come sopperire a questo angoscioso problema, soprattutto quando non si ha un sistema Windows per le mani?
I modi sono molteplici, per esempio se il vostro sistema lo permette e’ possibile crearsi una macchina virtuale con Windows che sia multi browser, oppure molto piu’ semplicemente utilizzare un servizio online che permetta di crearti uno screenshot del tuo sito con diversi browser, ne esistono parecchi ma molti sono a pagamento, io ho trovato questi due gratuiti che fanno proprio al mio caso:

http://browsershots.org
BrowsersShots permette di richiedere lo screenshot del vostro sito renderizzandolo in diversi browser e sistemi operativi, e’ sicuramente il piu’ completo e funzionale, l’unico problema e’ che c’e’ sempre da aspettare almeno 30 minuti per ottenere gli screenshot richiesti (la coda e’ abbastanza lunga ma e’ possibile contribuire mettendo a disposizione i propri server).

Al momento supporta i seguenti browser/sistemi:

Linux:




Windows:







Mac OS:

http://ipinfo.info/netrenderer/
IE NetRenderer e’ molto piu’ semplice e ha molte meno caratteristiche ma fa il suo lavoro egregiamente senza dover aspettare non piu’ di una manciata di secondi (e’ in realtime) per vedere lo screenshot del proprio sito, in piu’ e’ possibile anche richiedere un’immagine con le differenze tra IE7 e IE6 o con un mix dei due browser assieme.

Al momento supporta solo i seguenti Browser e solo in Windows (suppongo):

Internet Explorer 7
Internet Explorer 6
Internet Explorer 5.5

Post simili:

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

5 Responses to “Website screenshot: rendering your web design with multiple browsers”
  1. Website Design
    21:57 on November 29th, 2011

    Gran artículo. Este sitio es muy útil y yo no deje de visitar a menudo.

  2. Graphic Design Tutorials
    19:02 on June 30th, 2010

    Hi, good post, thanks.

    If I visit a website I get turned on by a cool design, this actually instills the confidence in me to buy from the site.

  3. absolutforyou
    22:51 on December 21st, 2007

    grazie er il link

  4. michele
    19:05 on October 14th, 2007

    Sistemato. Grazie!

  5. Airdave
    19:01 on October 14th, 2007

    Ciao Michele leggevo questo utilissimo tuo articolo e cliccando su http://browsershots.org c’è un errore di link: manca la g di org.
    ;-) ciao

Leave a comment

(required)

(required)


*

Categories