Durante años tuvimos que manejar las diferencias radicales entre navegadores, hasta que en algún momento se logró más o menos un consenso que nos permitía trabajar bastante bien para todos (excepto claro, nuestro archi enemigo IE).
De un tiempo a esta parte, el auge (que parte de una necesidad totalmente veraz) de lo responsivo empezó a complicarnos nuevamente la vida.![]() |
| Las más usuales (o impuestas por marcas líder) |
La explicación más probable para esto, es que mientras Apple, IOS y sus devices son un todo de una misma empresa (o marca mejor dicho), no es el caso de Android, que simplemente es un Sistema Operativo que es utilizado por muchísimas empresas que venden dispositivos móviles, de diferentes marcas.
Podrían igualmente estandarizarse, (alguien tuvo un monitor de 2025,5px?).
Pero el hecho de que sean diferentes empresas, compitiendo entre sí en un mercado apretado, hace que cada una quiera destacarse por sobre la otra, con más pantalla, más profundidad, menos pantalla pero más cámara, etc .
Y el resultado es una variedad enorme de dispositivos que lo único que tienen en común es el sistema operativo: Android.
Y el resultado es una variedad enorme de dispositivos que lo único que tienen en común es el sistema operativo: Android.
Sumado a eso, cada navegador, interpreta los mismos elementos de formas ligeramente diferentes en sus versiones mobile (el navegador en el celular), y en escritorio....
Los emuladores no son 100% fieles en estos casos, diferencias de 1px a veces son suficientes para quebrar todo un layout.
Podemos tener todos los dispositivos? imposible. Podemos seleccionar nosotros los más populares? depende del destino del sitio (local, regional, mundial se complica).
Es imposible que se vea bien en "cualquier lado"?. No necesariamente, pero es necesario recurrir a un montón de tretas, válidas pero tretas al fin, que se alejan del sólo "html/CSS".
Todas más o menos en gran dependencia con javascript.
Todas más o menos en gran dependencia con javascript.
O las media queries (pero que requieren rescribir propiedades de CSS para algunos elementos en cada resolución, o rango de resoluciones, que estimemos conveniente).
Aparte de los teléfonos las tablets y los ipads.
Listado de resoluciones más usuales en teléfonos, y tablets: http://mydevice.io/devices/
Es obvio que hay un acelere importante en la industria, y que eso genera un mini caos camino a la estandarización, el problema es que no estoy viendo claramente el camino a ésta.
De celulares a monitores pasando por tablets y phablets, ios apps, android apps, windows apps....y la opción de html5, css3 y js con un compilador como cordova o phone gap (pero que... en realidad si bien las hace multiplataformas, no se aprovechan al máximo las características de cada dispositivo, y hay que tenerlos a todos en cuenta en cada diseño, generando redundancias.. como por ej. un botón de volver, que es absolutamente innecesario en android -los teléfonos lo tienen generalmente- pero vital en iphone).
Nadie dice que la tarea sea imposible ni el fin del mundo, pero que existen algunos días que contemple cambiar de profesión, y dedicarme a... no se, cavar zanjas, existen.




No hay comentarios.:
Publicar un comentario