Ver Mensaje Individual
  #2 (permalink)  
Antiguo 18/12/2013, 02:51
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 4 meses
Puntos: 2114
Respuesta: diseño adaptable vs un sitio para cada pantalla

Después de un tiempo haciendo cositas con RWD, he llegado a la conclusión de que si a una persona se le hace difícil es por dos cuestiones:
  • Falta de planificación: no se contempló RWD desde el inicio (anti-mobile-first).
  • Falta de conocimiento en CSS.

También mucha gente tiene la pequeña obsesión de trabajar con 3, 4 ó 5 medidas fijas para sus media-queries. Y eso también dificulta un poco el desarrollo. ¿Qué problema hay con trabajar con esas medidas fijas y te hacen falta tres más aquí y otras seis para otro elemento implementarlas?

Adicionalmente, los lenguajes de preprocesado como SASS te hacen la vida mucho más fácil, sobre todo para esta última cuestión, pero en general para CSS:

Código CSS:
Ver original
  1. div.mi_clase_para_algo
  2.   width: 100%
  3.   +bp(landscape)
  4.     float: left
  5.     wiidth: 50%
  6.   +bp(800)
  7.     width: 25%
  8.   +bp(wide)
  9.     width: 20%

Como ves puedes inyectar las reglas para RWD en la misma regla a la que se va a aplicar (bp es una función propia que suelo usar, que viene de breakpoint) y así además tienes un código para desarrollar bastante más ordenado.

La filosofía de RWD es precisamente adaptar el diseño, mucha gente cae en el error de que sirve para adaptar el contenido a las pantallas y empiezan a ocultar cosas. Realmente RWD es para adaptar el diseño, y yo personalmente considero un error ocultar cosas en un escenario y en otro no. A mi no me gusta entrar con mi móvil en un sitio y que falten cosas que en mi ordenador si que veo.

Y si, para los dispositivos pequeños el diseño es más simple. Pero bueno, ¿vas a reescribir otra vez todas tus consultas a base de datos, controladores y demás? Al final se te hace más trabajo y estás duplicando código. Duplicando y creando, porque también tendrás que ponerle metadatos para evitar que Google haga doble indexación o te penalice por contenido duplicado, crear redirecciones para uno u otro dispositivo, etc...

No es tan complicado hacer un buen RWD. Lo complicado es adaptar un sitio no pensado para RWD. Ya sea porque no se planificó, es un sitio viejo o no se siguió con el principio mobile first.

Otro handicap es que más de uno que CSS es una cosa bastante banal en la que no hay que poner demasiado interés en su aprendizaje porque es una cuestión bastante sencilla. Sencilla es, pero será sencilla cuando entiendas algunas de sus complicaciones.