Molts de vosaltres esteu començant a desenvolupar llocs web, i segurament ja us haureu adonat que segons el navegador en el que us mireu la pàgina pot haver-hi diferències.
És per això que el disseny ha de contemplar una gran quantitat de possibilitats que hi ha. Aquest tipus de disseny s’anomena disseny responsive.
A vegades les diferències de disseny resultant per a navegadors de PC són molt importants, i encara que sempre hi ha un navegador més usat que els altres cal provar les nostres pàgines en diversos navegadors per assegurar-nos de que la pàgina es veu bé.
Sobretot, cal tenir instal·lats:
- Chrome
- Firefox
- Opera
- Edge
També podem provar-les en una aplicació web que fa captures de pantalla de com es veuria en diferents navegadors. La web és: http://browsershots.org
Si navegueu amb Chrome, prement la tecla F12 podeu accedir al codi de la pàgina, així com simular la visualització de la mateixa segons la mida del dispositiu:
Per tornar a la visualització anterior, només cal tornar a prémer F12.
Hi ha alguns simuladors externs al navegador, com ara http://quirktools.com/screenfly
Com podeu comprovar, a part de fer un bon disseny, cal tenir en compte moltes variables a l’hora de realitzar-lo.