¿ Que es el Diseño web adaptable ?

El diseño web adaptable o adaptativo (en inglés, Responsive Web Design) es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web al entorno del usuario.

El diseñador y autor norteamericano Ethan Marcotte creó y difundió esta técnica a partir de una serie de artículos en A List Apart, una publicación en línea especializada en diseño y desarrollo web, idea que luego extendería en su libro Responsive Web Design.

Tanto la idea como el propósito del diseño web adaptable fueron previamente discutidos y descritos por el consorcio W3C en julio de 2008 en su recomendación “Mobile Web Best Practices” bajo el subtítulo “One Web”.

Dicha recomendación, aunque específica para dispositivos móviles, puntualiza que está hecha en el contexto de “One Web”, y que por lo tanto engloba no solo la experiencia de navegación en dispositivos móviles sino también en dispositivos de mayor resolución de pantalla como dispositivos de sobremesa.3

El concepto de “One Web” hace referencia a la idea de construir una Web para todos (Web for All) y accesible desde cualquier tipo de dispositivo (Web on Everything).

Hoy en día, la variedad de dispositivos existentes en el mercado ha provocado que la información disponible no sea accesible desde todos los dispositivos, o bien es accesible pero la experiencia de navegación es muy pobre.

El uso de dispositivos móviles está creciendo a un ritmo increíble, dispositivos como tablets y smartphones han incrementado sus ventas en los últimos años y la navegación en Internet mediante estos dispositivos es cada vez más común. Ese es el motivo por el que el diseño web adaptable se ha vuelto tan popular, pues es una técnica que proporciona una solución web que puede manejar la visualización web tanto de escritorio como de dispositivos.

Con una sola versión en HTML y CSS se cubren todas las resoluciones de pantalla, es decir, el sitio web creado estará optimizado para todo tipo de dispositivos: PCs, tabletas, teléfonos móviles, etc. Esto mejora la experiencia de usuario a diferencia de lo que ocurre, por ejemplo, con sitios web de ancho fijo cuando se acceden desde dispositivos móviles.

De esta forma se reducen los costes de creación y mantenimiento, pues se evita tener que desarrollar aplicaciones ad-hoc para versiones móviles, por ejemplo, una aplicación específica para iPhone, otra para móviles Android, etc.

Desde el punto de vista de la optimización de motores de búsqueda, sólo aparecería una URL en los resultados de búsqueda, con lo cual se ahorran redirecciones y los fallos que se derivan de éstas. También se evitarían errores al acceder al sitio web en concreto desde los llamados “social links”, es decir, desde enlaces que los usuarios comparten en medios sociales tales como Facebook, Twitter, etc y que pueden acabar en error dependiendo de qué enlace se copió (desde qué dispositivo se copió) y desde qué dispositivo se accede.
fuente.wikipedia

Proponen sistema anticopias para el standard HTML5

Algunos sectores de Internet proponen la inclusión de mecanismos de protección tipo DRM en la definitiva especificación de HTML5.

cerrar ampliación
18/02/2013 – DRM o Digital Rights Management, tiene como objetivo limitar el acceso a contenidos digitales de forma no autorizada por sus propietarios intelectuales, por lo que algunas de las grandes compañía tecnológicas, a las que recientemente se les ha unido un referente del mundo de la información como la BBC quieren hacer uso de la misma para poner restricciones a una plataforma abierta como HTML5.

Pese a que la nueva versión del lenguaje básico de la web aunque se encuentra en un proceso llamado Candidato a Recomendación, dedicado a testar el rendimiento y la compatibilidad con los diferentes navegadores y aplicaciones, y no alcanzará el estatus de Recomendación hasta 2014, HTML5 es una tecnología que cada vez cuenta con más fuerza en los servicios de vídeo online.

La propuesta presentada en el HTML Working Group por Google, Microsoft, Netflix y ahora también por la BBC pretende asegurar que la transmisión de vídeo se cifre, así como mejorar el sistema de identificación del dispositivo que trate de reproducir un contenido digital de forma que se incremente las posibilidades a la hora de impedir la distribución de contenidos no autorizados por su autor.

A falta de una respuesta por parte de W3C, los detractores de esta propuesta señala que añadir DRM a HTML5 es ir directamente contra la naturaleza del lenguaje básico de la web. Además hay quien señala que esta medida no servirá para frenar la piratería en Internet ya que cada vez que alguien crea un nuevo método para asegurar el contenido, hay un centenar de personas con habilidades suficientes como para desmantelar ese trabajo.
fuente.desarrolloweb

W3C propone una fecha para adoptar finalmente el html5 como estandar

Los responsables del W3C HTML Working Group han presentado un plan para aprobar la especificación de HTML5 durante el último cuarto de 2014.

Pese a que ya se esperaba que la nueva versión del lenguaje básico de la web alcanzará el nivel de recomendación en los próximos dos años lo cierto es que este nuevo documento, a medio camino entre una declaración de intenciones y un programa de lanzamientos oficial señala fechas concretas que se aventura señalar que tratará de cumplir para los diferentes hitos antes de que HTML5 alcance el grado de recomendación.

Propuesta oficial de lanzamiento para HTML5

Candidato a Recomendación: 2012 Q4
Last Call: 2014 Q3
Propuesta de Recomendación: 2014 Q4
Recomendación: 2014 Q4

Para muchos desarrolladores web, la llegada de HTML 5 a recomendación oficial puede ser algo irrelevante, ya que, a pesar de su status actual, muchas de sus características han sido integradas en los principales navegadores web.

No obstante lo anterior con la consideración de especificación oficial se espera crear una mayor claridad, al menos en términos de las características aprobadas. Además, la política de patentes del W3C que pretende ofrecer HTML5 como un estándar sin derechos de autor sólo puede entrar en vigor una vez que el pliego de condiciones haya sido aprobado.

Junto a la propuesta de HTML5 sorprende ver en el documento la inclusión de una previsión para HTML5.1 que apunta esta versión alcanzará el grado de recomendación para el último cuarto de 2016.

Propuesta oficial de lanzamiento para HTML5.1

Last Call: 2014 Q3
Propuesta de Recomendación: 2015 Q1
Recomendación: 2016 Q4

Todos los interesados pueden acceder a esta Propuesta oficial de lanzamiento para HTML5 desde w3.org/html5-2014-plan.html
fuente.desarrolloweb

HTML5 versus Flash quien ganará?

¿Qué cantidad de juegos han sido desarrollados con HTML5? ¿y con Flash? ¿qué soporte ofrecen cada uno con tecnologías como el 3D? ¿qué método de distribución utilizan? ¿qué uso hacen del a CPU? ¿qué juegos son más seguros?

Para dar respuesta a todas estas preguntas los responsables de onemorelevel.com han creado una interesante infografía bajo el título HTML5 vs Flash y que ahora os presentamos.

Además de lo anteriormente señalado, esta infografía presenta una comparativa de los juegos online más famosos e influyentes en Facebook y da un repaso por los acontecimientos más significativos en la linea temporal del desarrollo de ambas tecnologías.

Es interesante señalar que pese a la fuerza que está demostrando tener la quinta versión del lenguaje básico de la web, lo cierto es que la gran mayoría de juegos, alrededor de 100.000, siguen estando desarrollados con la tecnología de Adobe, mientras HTML5 apenas cuenta con unos cientos de ellos.

Quizá la razón fundamental de la actual supremacía de Flash (en cantidad de juegos online) es que es soportado casi por el 100% de los navegadores modernos, mientras que HTML5 todavía no llega al 50%. De ser así la definitiva implementación del conjunto de elementos y atributos que forman parte de lo que llamamos HTML5, desbancará definitivamente a Flash.
fuente.desarrolloweb

HTML5 vs Flash Games
Created by: One More Level

HTML5rocks

HTML5rocks, es una plataforma open source de Google en funcionamiento desde 2010 donde se reúnen variados recursos dedicados a tecnologías HTML5.

Recientemente ha sido rediseñado este site para ofrecer una mejor organización de su contenido y permitir una mejor acceso a cualquier desarrollador interesado tanto en obtener como en aportar a la comunidad HTML5rocks.

A partir de ahora esta plataforma dispone de tres canales Juegos, Negocios y Movil donde podremos acceder a todo tipo de recursos relacionados con la versión cinco del lenguaje básico de la web.

En cerca de un año y medio de vida HTML5rocks ha pasado de ofrecer nueve artículos a cargo de un grupo reducido de desarrolladores a incluir una variada colección de presentaciones y tutoriales, entre otros recursos fruto del trabajo de 35 colaboradores.

Además como proyecto de código abierto, Google llama la atención a todos los interesados a participar y seguir haciendo crecer a la comunidad HTML5rocks con el objetivo de acelerar la definitiva llegada del nuevo estándar todavía en desarrollo.

Interesados pueden acceder al nuevo HTML5rocks desde www.html5rocks.com.

fuente.desarrolloweb

Libro Gratis Sobre HTML5

Ante la llegada definitiva de HTML5 desde DesarrolloWeb.com tratamos de ofrecerte aquellos contenidos con los que sacar provecho de tu tiempo de estudio.

En este sentido, Jeremy Keith autor de HTML5 for Web Designers (HTML 5 para Diseñadores Web) nos ofrece la lectura de su libro de forma gratuita para cualquier interesado en la nueva versión del lenguaje básico de la web.

Los capítulos en los que se clasifica este manual y que nos dan una idea aproximada de los contenidos que vamos a poder encontrar son: Una breve historia del lenguaje de marcado, El diseño de HTML5, Rich Media, Formularios web 2.0, Semántica, y El uso de HTML5 hoy.

El libro íntegramente en inglés y dirigido especialmente para aquellos que dan sus primeros pasos en HTML5, está disponible de forma gratuita para su consulta online o bien en formato PDF o libro tradicional por precios a partir de los 9 dólares.

Interesados pueden acceder a HTML5 para Diseñadores Web desde www.html5forwebdesigners.com.
fuente.desarrolloweb

Juegos Html5 Versus Juegos Flash, enterate cual es el preferido en Facebook

Internet y el mundo de la tecnología en general está lleno de épicas batallas: entre navegadores (Firefox vs. Chrome vs. Internet Explorer vs. Opera vs. Safari), entre sistemas operativos de escritorio (Windows vs. Linux vs. Mac), móviles (Android vs. iOS vs. Windows Phone), entre redes sociales (Facebook vs. Google+) e infinitas más, pero hay una en particular que ha comenzado no hace mucho y se hace cada vez más fuerte; tiene a Flash y HTML5 como protagonistas, y el terreno de los juegos como escenario principal.

Hasta hace poco Flash no tenía oposición, pero ahora mismo, no solo tiene oponentes muy fuertes sino que además encontró en HTML5 un duro rival, que poco a poco, a medida en que los principales navegadores soportan más de sus funcionalidades, le va restando terreno y lo amenaza con arrebatar su corona.

A pesar de que muchos juegos están desarrollados en Flash, varios de los más populares del momento, como es el caso de Angry Birds, tienen también versiones en HTML5, que nada tienen que envidiar a su contra parte, y grandes como Zynga, principal socio de Facebook, ha desarrollado versiones HTML5 de tres de sus juegos más importantes.

Del lado de los móviles, las cosas tampoco pintan bien para Flash. La recientemente liberada versión de Android, Ice Cream Sandwich, será la última en brindarle soporte y desde Microsoft anunciaron que su próximo sistema operativo, Windows 8, en su versión para tablets, tampoco admitirá Flash.

Aunque se trata de una lucha particular entre dos maneras distintas de hacer juegos; los navegadores, sistemas operativos, así como las redes sociales, se encuentran muy involucrados y es necesario evaluar el conjunto completo para tener una visión clara de la realidad actual. Comencemos:

Cantidad de juegos: Tenemos más de 100.000 juegos desarrollados en Flash, contra unos pocos cientos en HTML5. No hay mucho que discutir aquí. Punto para Flash.

Compatibilidad: Flash es soportado por el 99.9% de los navegadores modernos (+2 Billones de usuarios), por su parte, HTML5 solo es soportado por el 40% de ellos (+800 Millones de usuarios). Una diferencia abismal si vemos el número de usuarios directamente. Punto para Flash.

Método de distribución: Flash solo necesita de un archivo swf. Su contra parte requiere de múltiples archivos (js, css, html, etc.). Discutible si lo analizamos desde otra perspectiva, pero como método de distribución no hay nada que decir. Punto para Flash.

Tecnologías necesarias: En Flash, el soporte para juegos 3D es limitado y se requiere tener instalado un complemento en el navegador para poder disfrutarlo, algo muy criticado. Por su lado, en HTML5 el soporte para 3D es extremadamente limitado, también hay limitaciones para hacer uso del audio y es 100% dependiente del navegador. Un empate aquí, sería justo.

Uso de CPU en Mac: Safari es muchísimo más eficiente con juegos programados en HTML5 que con los desarrollados en Flash. Prácticamente no hay diferencias en Chrome, y Firefox es apenas un poco menos eficiente que Safari. En números, HTML5 consume al rededor de un 12,39% de CPU mientras que Flash consume cerca del 35%, con una mejoría leve si hablamos de la versión 10.1. Aquí HTML5 se gana un punto.

Uso de CPU en Windows: Aquí las cosas son muy distintas. Safari solo consume 7,43% de CPU cuando se trata de Flash 10.1, y es incapaz de reproducir vídeos HTML5. Google Chrome es 58% más eficiente cuando usa Flash, números similares para Firefox. Nuevamente, punto para Flash.

Seguridad: Un aspecto muy importante, y donde nuevamente Flash tiene la ventaja. Si bien en Internet nada está a salvo, un archivo SFW puede ser protegido a través de técnicas de encriptación y ofuscación, dándole así dos capas de seguridad. Por su parte, HTML5 no cuenta con mecanismos de seguridad (hasta el momento) y alterar una aplicación construida con este lenguaje puede ser relativamente sencillo. El punto va para Flash.

Juegos en Facebook: Como lo mencionaba al principio, Facebook le debe gran parte de su éxito a los juegos y hay una enorme cantidad de ellos dentro de la red social. Tomando como referencia los 10 más populares, solo 2 de ellos están escritos en HTML5, y mirando fuera del top, casi la totalidad de juegos fueron hechos en Flash. Un punto fácil para los de Adobe.

Tiempo de vida: Considerando que Flash ha tenido más tiempo de desarrollo (octubre, 1998) y que eso representa una clara ventaja frente a un lenguaje mucho más joven como HTML5 (junio, 2004), restaré un punto al anciano y se lo daré al joven prometedor. De esta forma -y de cualquier otra-, Flash es el claro vencedor.

Flash tiene sus días contados, pero ¿cuantos le quedan?. Todo dependerá de la velocidad con la que se adopten los cambios propuestos por HTML5 y su completo establecimiento como estándar, que se estima, sea de un 100% para el año 2020.

Fuentes.Bitelia y OneMoreLevel

En 2013 habrá mil millones de teléfonos con HTML5

El HTML5 está haciendo ya su entrada en el mercado móvil, aunque de momento de forma poco pronunciada. Por lo menos eso es lo que parece si se compara la cifra de teléfonos con HTML5 vendidos en 2011 (unos 336 millones) con lo que predicen desde Strategy Analytics que se venderá en 2013: mil millones de unidades.

Este crecimiento vendrá especialmente de las regiones de Norteamérica, Europa y Asia, y será liderado por firmas como Apple, Adobe, Google o Microsoft. Estas compañías serán las que más apuesten por teléfonos capaces de soportar la tecnología en sus navegadores, como es el caso ya del iPhone 4S.

Strategy no es la única compañía de analítica que espera que el HTML5 se instale con fuerza en el mundo móvil. Este mismo verano, por ejemplo, ABI Research aseguró que en 2016 habrá más de 2.100 millones de dispositivos móviles con capacidad HTML5 en sus navegadores, subiendo desde los 109 millones de 2010.

La importancia del HTML5 parece bastante clara a la luz de estas previsiones, y se debe principalmente a su naturaleza multiplataforma: la tecnología es compatible con dispositivos de todo tipo (smartphones, teléfonos básicos, tablets, portátiles, televisores, coches…), aunque, como recoge TechCrunch, se trata de una tecnología todavía algo inmadura.

fuente.itespresso

Recursos para HTML5

Laker es un compendio de recursos con los que trabajar en HTML5.

Si estas interesado en llevar a cabo una publicación digital en HTML5 y dispones de conocimientos en HTML & CSS, Laker te resultará de interés.

Esta plataforma nos mostrará como distribuir nuestra publicación (libro electrónico, revista) como una aplicación para iPhone e iPad, cómo cambiar de página fácilmente, como incluir vídeos y archivos de sonido, imágenes…………

Laker, combinación de los nombres de los frameworks open source “Baker” y “Less Framework” pretende convertirse además en un espacio de solución para muchos de los problemas más comunes que un diseñador encontrará en la creación de una aplicación.

Todavía en fase beta, aquellos que lo deseen pueden acceder a Laker desde www.lakercompendium.com.
fuente.desarrolloweb

Diseño Web en HTML5 con Adobe Edge

Adobe Edge es una herramienta intuitiva desarrollada para la creación animaciones que funcionen en dispositivos móviles y navegadores de escritorio, sin necesidad de escribir ni una sola linea de código. Edge es un movimiento de la nueva web y una herramienta de interacción que utiliza los estándares web como HTML5, CSS3 y Javascript.

Adobe Edge Preview 3 introduce capacidades interactivas tales como hyperlinks y un mayor control de la animación. Esta tercera versión preliminar permite a Adobe adaptar su aplicación a la constante evolución que sufre esta agrupación de diversas especificaciones conocida como HTML5.

Sin una fecha para el lanzamiento oficial de la versión final de Adobe Edge, todos aquellos interesados en más información y descarga de Adobe Edge Preview 3 pueden acceder a labs.adobe.com/technologies/edge/

Esta última versión de la apuesta de Adobe por HTML 5 coincide además con un momento en el que la compañía ha confirmado que descontinua el desarrollo de Flash Player para navegadores móviles, lo que arroja muchas incertidumbre sobre el futuro de la tecnología de Adobe.

fuente.desarrolloweb