Muy pronto cualquier cosa podrá estar conectada a la Web.
La pregunta es: Como desarrollaremos para todos los dispositivos y plataformas que existen y que vendran?
http://www.flickr.com/photos/fdecomite/5912303770
Actualmente tenemos diferentes
'teams' creando diferentes Web Sites para
diferentes dispositivos conectados a la Web
Ordenando las media queries ... SMALL, MEDIUM, LARGE ...
...los términos 'mobile' y 'tablet' son tan amplios que son de poca ayuda para la describir de lo
que estamos tratando de hacer",-@beep
"...si queremos estar más preparados para el futuro Responsive Design, necesitaremos dejar de pensar en términos como
'320px', '480px', '768px' o lo que sea...",- @RWD
Para crear una Unica y mejor "user-experience", necesitamos comenzar
creando nuestro contenido desde el diseño y funcionalidad más simples,
asegurándonos que funcionará en cualquier entorno
Luego necesitamos agregar sobre esto las variaciones al contenido usando 'media-queries'
Usar CSS media query y declarar 'display:none' a un elemento que contiene
una 'background image' no evitará que la descarguemos. Solución: display:none; al elemento padre
MFPronto el 'CONTENIDO' estará en todos lados, los nuevos dispositivos
estaran conectados, nuestro contenido necesitará ser líquido y listo para entenderlos...
"Ten tu contenido listo para ir a cualquier lugar porque va a ir a todas partes",- @brad_frost
http://www.flickr.com/photos/rosh/246187583/
El Contenido necesita ser líquido, como el agua, y media-queries podria ser considerada como los bordes que lo contienen
Cuando el agua fluye dentro de grandes o pequeñas partes del rio, se adapta instantáneamente a la forma y el tamaño de su entorno
Trabajamos con tecnologias de vanguardia que cambian constantemente
PE nos da la posibilidad de detectar las capacidades del entorno y adaptarnos progresivamente
'Progressive Enhancement' genera 'Progressive user-experiences'
http://www.flickr.com/photos/ntr23/187248039Con 'Progressive Enhancement' trabajaremos con el desde el core núcleo y luego iremos agregando capa sobre capa,
basándonos en las capacidades detectadas para optimizar la expericencia final de usuario ó "final user-experience"http://www.flickr.com/photos/theilr/4229575296/'Feature detection' nos da la posibilidad de ser indiferentes al entorno y el contenido automaticamente
incrementa ó disminuye la 'user-experience' basándose el las capacidades del dispositivo
El resultado final serán apariencias 'similares' pero no 'identicas' del mismo contenido en diferentes entornos