Adapta el disseny de la teva web al futur d'Internet


Publicat el 04 de Març, 2013 a les 00:00


La multiplicació de dispositius fa que haguem d'adaptar el codi perquè sigui flexible i dinàmic.

Fins fa uns anys, els dissenyadors només havien de tenir en compte la resolució de la pantalla de l'ordinador i poc més per adaptar les seves creacions. Com a molt, pensaven en les diferents versions d'Internet Explorer ...

Avui dia, sabem que probablement ni el PC ni Internet Explorer condueixen el trànsit a la nostra web (si més no, no la majoria del trànsit), per la qual cosa haurem de tenir en compte els accessos des de diferents navegadors i dispositius a l'hora de programar les nostres pàgines. I és que està clar que el futur d'Internet és mòbil.

El primer que hem de fer és recordar que la nostra web no tindrà el mateix en tots els navegadors i gadgets. Així que hem de centrar-nos en un codi basat en HTML5, que trenqui els motlles fixos per adaptar a la mida i dimensions que cada usuari espera trobar en cada dispositiu.

Així, podem diferenciar quatre tipus de disseny:

- Fix: l'ample és fix, de manera que canviar la mida del navegador o veure-ho en diferents dispositius no afectarà l'aspecte de la web. No obstant això, caldrà un scroll horitzontal per abastar-la sencera, i tindrem una web que no tindrà bon aspecte a smartphones i tauletes.  

- Fluid: la web es construeix utilitzant percentatges per determinar l'amplada de les columnes. D'aquesta manera, les columnes seran proporcionals entre si i el navegador, variant de manera fluïda cap a més amples o més estretes.

- Adaptatiu: s'utilitzen amples fixos o relatius, però el codi inclou preguntes específiques per adaptar-se a mides de pantalla específics, com monitors petits, tablets o smartphones.

- Sensible: aquest tipus de webs es construeixen sobre un codi fluid, i utilitza també preguntes per controlar el disseny i el contingut a mesura de canviar l'escala per adaptar-se al navegador o dispositiu.

Font: BaQuia



Aquest lloc web fa servir cookies. Si hi segueix navegant considerarem que n’està acceptant el seu ús. Més informació sobre les cookies