VER EN ESPAÑOL ❏
If you search for “truth by consensus” on Google Images the first result might be this one, which questions whether Wikipedia should be considered a reliable source of information. The answer is, it shouldn’t. Wikipedia entries are truth by consensus and – like our mainstream media news reports – often neither all true nor all of the truth.
The Wikipedia entry on Responsive Web Design is a representative example. It starts out with an acceptable definition of the term…
“Responsive web design (often abbreviated to RWD) is an approach to web design in which a site is crafted to provide an optimal viewing experience – easy reading and navigation with a minimum of resizing, panning, and scrolling – across a wide range of devices (from desktop computer monitors to mobile phones).”
…but from the next sentence on it is effectively an advertisement for the client-side “device agnostic” approach which totally – and falsely – discounts the server-side “device aware” approach with artificial conflations, half-truths and outright lies like this one:
“Where a web site must support basic mobile devices that lack Javascript, Browser (‘user agent’) detection (also called ‘browser sniffing’), and mobile device detection are two ways of deducing if certain HTML and CSS features are supported (as a basis for progressive enhancement) – however, these methods are not so reliable.”
That’s an improvement over how this sentence read before we first called them out on their misrepresentations of responsive web design a week or so ago…
“Browser detection and mobile device detection are completely unreliable … ways to determine whether Javascript and certain HTML and CSS features are supported.”
…but the unknown authors’ retreat from “completely unreliable” to “not so reliable” hardly constitutes a corrected assessment when – as our rebuttal supported – “…the real truth is browser detection was NEVER ‘completely unreliable’ and accuracy rates for mobile device detection can top 99.8%.”
Device agnostic responsive web design and so-called “progressive enhancement” development methodologies eschew device detection and rely on CSS media queries, fluid grids and flexible images. Device aware RWD and mobile-friendly Web 3.0 front-end development, on the other hand, rely principally on device detection using DDRs (device description repositories), PHP and Javascript. Wikipedia may never provide an objective comparison of the pros and cons of these divergent approaches, but Ronan Cremin and Luca Passani do in an expertly researched and professionally presented Smashing Magazine article entitled Server-Side Device Detection: History, Benefits And How-To. Here’s their take in a nutshell:
“While many [device agnostic] designers embrace the flexible nature of the Web, with [device aware] device detection, you can fine-tune the experience to exactly match the requirements of the user and the device they are using. This is often the main argument for device detection – it enables you to deliver a small contained experience to feature phones, a rich JavaScript-enhanced solution to smartphones and a lean-back experience to TVs, all from the same URL. In my opinion, no other technique has this expressive range today. This is the reason why Facebook, Google, eBay, Yahoo, Netflix and many other major Internet brands use device detection [and] why Twitter recently abandoned its client-side [device agnostic] rendering approach in favor of a server-side [device aware] model.”
Cremin and Passani cover all the bases except one: If you want RWD like this, you can forget about reliance on responsive web design testing that assumes an iframe is the same thing as as iPhone because your web page source will have to pass meaningful validations like these.
Any questions?
VIEW IN ENGLISH ❏
Si usted busca la “verdad por consenso” en Google Imágenes el primer resultado podría ser este, cual se pregunta si Wikipedia deben ser considerados una fuente confiable de información. La respuesta es, no debería. Entradas de la Wikipedia son verdad por consenso y – como nuestros informes noticias de los medios de comunicación principales – a menudo ni todo es verdad ni todo de la verdad.
La entrada de Wikipedia sobre el Diseño Web Responsivo es un ejemplo representativo. Comienza con una definición aceptable del término…
“Responsive web design (a menudo abreviado como RWD) es un enfoque de diseño web en el que se hace a mano un sitio para proporcionar una experiencia de visualización óptima – una fácil lectura y navegación con un mínimo de cambio de tamaño, velocidad, desplazamiento y – a través de una amplia gama de dispositivos (los monitores de ordenador, los teléfonos móviles y más).”
…pero a partir de la siguiente frase en él este es de hecho un anuncio para el lado del cliente “dispositivo agnóstico” enfoque cual – falsamente – descuentos de el lado del servidor “dispositivo consciente” enfoque usando fusiónes artificiales, verdades a medias y mentiras descaradas como esta uno:
“Cuando un sitio web debe ser compatible con los dispositivos móviles básicos que carecen de Javascript, Navegador (‘user agent’) de detección (también llamado” browser sniffing “) y detección de dispositivo móvil son dos maneras de deducir si cierta HTML y CSS características son compatibles (como una base de una mejora progresiva) – sin embargo, estos métodos no son muy fiables”.
Esa es una mejora con respecto a cómo esta sentencia fue leída antes de nosotros lo desafió sus tergiversaciones de “diseño web responsivo” una semana o así que hace…
“Detección del navegador y detección de dispositivos móviles son completamente no fiables … maneras de determinar si el Javascript y ciertas características de HTML y CSS son compatibles.”
…pero los autores desconocidos retiro desde “totalmente no fiable” a “no muy fiable” no constituye una evaluación correcto cuando – como nuestra refutación apoyo – “…la verdad es la detección del navegador nunca fue “totalmente no fiable” y la precisión para el detección de dispositivos móviles puede superar el 99.8%.”
“Dispositivo agnóstico” RWD y metodologías de desarrollo web cual son los llamados “progresistas de mejora” y evitar detección de dispositivos se basan en CSS preguntas de los medios, planes fluidos, y imágenes flexibles. “Dispositivo consciente” RWD y desarrollo front-end móvil-amistoso, por el contrario, se basan principalmente en la detección de dispositivos utilizando DDR (repositorios de descripción de dispositivos), PHP y Javascript. Es posible que Wikipedia no puede ofrecer una comparación objetiva de las ventajas y desventajas de estos enfoques divergentes, pero Ronan Cremin y Passani Luca hacer en un artículo de Smashing Magazine experta investigado y presentado profesionalmente titulo “Server-Side Device Detection: History, Benefits And How-To.” Aquí está los conclusiones de ellos en pocas palabras:
“Si bien muchos diseñadores [dispositivo agnóstico] abrazan la naturaleza flexible de la Web, con detección dispositivo [dispositivo consciente] usted puede ajustar la experiencia para adaptarse exactamente a las necesidades del usuario y el dispositivo que estén utilizando. Esto es a menudo el principal argumento para la detección de dispositivos – le permite ofrecer una experiencia con contenido pequeño para los teléfonos de características, un rico JavaScript mejorada de soluciones para smartphones, y una experiencia magra de vuelta a los televisores, todo desde la misma URL. En mi opinión, ninguna otra técnica tiene este rango expresivo hoy. Esta es la razón por la que Facebook, Google, eBay, Yahoo, Netflix y muchas otras marcas de Internet más importantes utilizar la detección de dispositivo [y] por qué Twitter recientemente abandonó su enfoque lado-cliente [dispositivo agnóstico] en favor de un enfoque lado-servidor [dispositivo consciente].”
Cremin y Passani cubrir todas las bases excepto uno: Si desea RWD como este, usted puede olvidarse de dependencia en las “verificadores de diseño web responsive” que supone un iframe como lo mismo cosa como un iPhone – porque su fuente de tu páginas web tendrá que ser aprobado por validaciones significativos como estos.
Alguna pregunta?
Image Credit: http://zengardner.com/wp-content/uploads/truth-lies1.jpg
