¿Quieres que te llamemos?

captcha

Durante las últimas semanas hemos estado trabajando secretamente en nuestra web.

¿Qué me dirías si te dijera que Coexia.com se hizo en 2010?

Lo se, es más vieja que matusalem.

En Coexia ya hace tiempo que trabajamos para crear Diseños Web Responsive, y claro, no podía ser que nuestra web no lo fuera.

¿Qué hemos hecho?

Hemos modificado nuestra Web en WordPress a nivel de HTML y CSS para que esta se adapte a los diferentes dispositivos (móviles o no).

Si quieres saber cómo lo hemos hecho, sigue leyendo 😉

diseno-web-responsive

1. Hay que pensar en móvil

Lo primero que teníamos que hacer era pensar: ¿Cómo queremos que se vea en móvil?

En ese punto decidimos que trabajaríamos básicamente en dos tamaños: iPhone y iPad.

Estos dos tamaños cubren bastante bien lo que es el espectro de dispositivos móviles y tablets.

Evidentemente no puedes intentar abarcar todos los tamaños y opciones, pues supondría un coste innecesario. Una recomendable opción es entrar en Google Analytics y analizar tu audiencia.

¿Con qué dispositivos navegan por tu web?

Después de esto nos estrujamos un poco el cerebro para pensar como se movería el contenido al cambiar el tamaño de la pantalla.

coexia iphone

2. A programar

El mayor handicap al empezar la programación fue encontrarnos con código hecho en el 2010. Si bien para esa época estaba bien, no para día de hoy, en 2013.

Tuvimos que quitar las tablas (¡las tablas deben morir!) y muchos de los estilos con fijos. Queríamos hacer algo fluido y adaptable, los pixeles no nos iban a ayudar.

El poder de los media queries

Si te das una vuelta por nuestras 3000 lineas de CSS podrás encontrar cosas como estas:

@media all and (max-width: 996px) { /* Este código es para iPad */ }

Gracias a esta moderna tecnología podemos decirle al navegador que estilos debe usar para cada tamaño de dispositivo. Mola, eh? 🙂

coexia ipad

Testing, testing y más testing

La parte final y más aburrida de todo desarrollo es probar que todo funcione.

Recorrimos tantas páginas como pudimos a tantos tamaños como tuvimos fuerzas para dejar la web lo mejor posible.

Creo que aún hay algún detalle que tenemos que arreglar pero nada crítico.

¿Te atreves a dar una vuelta por nuestra web desde tu móvil?

Coméntanos que te ha parecido 😉

Expertos en hacer Webs en WordPress

¿Quieres saber como diseñamos y hacemos las webs con WordPress?

Si ya estás convencido...

es Frontend Developer en Coexia. Haciendo malabares con CSS, HTML y JavaScript.

Etiquetas:

3 Responses to “Coexia.com ahora con un Diseño Web Responsive”

  1. David 04. Abr, 2013 at 14:43 #

    Muy bien maquinas 😀 mañana lo pruebo desde el aifon. Recuerdos a todos, y a ella 😛

    • Ricard 04. Abr, 2013 at 15:12 #

      David! Tu sí que molas 😀

      Un abrazo

  2. Angela V :) 04. Abr, 2013 at 15:15 #

    ohhhh que bonitooo eressss!!!! un abrazo.

Deja tu comentario

* Campos Obligatorios.
** No será visible ni lo usaremos.