 |
| iFrames Are Not iPhones, So Forget These Charlatan Checkers |
VER EN ESPAÑOL
Yesterday on Twitter I outed seven Responsive Web Design Checkers that don't really test #RWD. Here are their URLs, which I will not credit by active link:
Shortly thereafter the dig me paper.li of a webdev wannabe named Simon Manning picked up my links but not my comments, leaving the impression I was praising rather than panning the posers who put them forward. This will correct young Simon's error:
What most of the seven checkers above basically do is render your web page source in "iFrames" with widths set to match the screen resolutions of popular tablet and mobile devices such as the slave-produced Apple iPad and iPhone. That might show you how your media queries, fluid grids and flexible images render within a given iframe in a given browser of a given version, but that is not the same as showing you how your web pages will render on actual iOS, Android or other mobile devices. Why? Because...
iFrames are not iPhones!
#RWD testers that ignore things like device and capability detection via user agent strings and DDRs (device description repositories) give you virtual but not reality. We have website templates with fixed headers on standard browsers but not on tablet or mobile. None of the checkers above reflected that. We have web pages where the title text for standard and mobile browsers is not the same. None of these checkers reflected that. We have blogs which show the same content in different themes for standard versus smartphone browsers. None of these checkers reflected that. We have URLs which redirect no-so-smart phones from web page content they can't handle to smaller W3C mobileOK pages they can. And none of these checkers reflected that, either.
I could go on, but do I need to?
Forget these charlatan checkers. If truly responsive web design is what you seek, then mobile friendly web 3.0 front-end development is what you need. If you want broad accessibility like this, your web page source will have to pass meaningful validations like these.
For your free RWD consultation call 786-838-0851
VIEW IN ENGLISH
Ayer en Twitter expuse siete verificadores de Diseño Web Responsivo que no verifican #RWD. Estas son sus direcciones URL, que no acreditará mediante un enlace activo:
Poco después, el paper.li "dig me" de un aspirante webdev llamado Simon Manning tomó mis links pero no mis comentarios, dejando la impresión de que yo estaba alabando en lugar de desacreditando ellos. Esto voy a corregir para joven Simon:
Lo que la mayoría de los siete verificadores básicamente hacen es poner que su fuente de la página web en "iFrames" que tienen anchuras definidas para coincidir con las resoluciones de pantalla de la tableta popular y dispositivos móviles como los esclavo-produjo iPad y iPhone desde Apple. Es posible que este mostrar cómo tus media queries, redes de fluidos y flexibles imágenes aparecen dentro de un determinado iframe en un navegador determinado de una determinada versión, pero eso no es lo mismo cómo ellos aparecen en iOS, Android o de otro tipo dispositivos móviles. ¿Por qué? Porque ...
¡iFrames no son iPhones!
Verificadores of #RWD que ignoran cosas como detección de los capacidades de los dispositivos y DDR (repositorios de descripción de dispositivos) le dan la virtual, pero no la verdad. Tenemos plantillas de sitio web con cabeceras fijas en navegadores estándar pero no en tableta o móvil. Ninguna de los verificadores por encima de lo reflejaba. Tenemos páginas web en las que el texto del título para navegadores estándar y móvil no es el mismo. Ninguna de los verificadores por encima de lo reflejaba. Tenemos blogs que muestran el mismo contenido en diferentes temas para navegadores estándar versus smartphone. Ninguna de los verificadores por encima de lo reflejaba. Tenemos los "URLs" que redireccionen los teléfonos no-tan-inteligente desde contenido de páginas Web que estos no pueden manejar a recibir los páginas del W3C mobileOK que estos entienden. Y ninguna de los verificadores por encima de lo reflejaba eso, tampoco.
Podría seguir, pero tengo que hacerlo?
Olvídese de esos verificadores charlatanes. Si "diseño web responsive" es lo que busca de veras, entonces desarrollo web móvil-amistoso es lo que usted necesita. Si quiere amplia accesibilidad de este tipo, su fuente de la página web tendrá que ser aprobado por validaciones significativos como estos.
Para ayuda en español llame al 305-517-3851
Like us on Facebook at facebook.com/mobilewebdesignmiami, follow us on Twitter at twitter.com/webredesigner, view us on YouTube at youtube.com/gbrucearnold, or simply call us at 305-597-8340!
