The Evolution of the Web es una hermosa infografía elaborada en su totalidad con técnicas web modernas el cual nos muestra de manera bastante interactiva la evolución de los navegadores , lenguajes, estándares y tecnologías las cuales han hecho de la web el fantástico entorno que tenemos hoy en día.
Normalmente no me gusta citarme; pero en esta ocasión lo voy a hacer. El 13 de Enero de este año publique un artículo titulado “Google y H.264: La apertura y como nos afecta”. En este artículo efectué varios comentarios referentes a la supuesta hipocresía de Google y de las actitudes de los demás involucrados, específicamente Apple y Microsoft.
Fue entonces cuando escribí lo siguiente:
Si aún quieren utilizar H.264, o quieren usar WebM o Theora o el formato que gusten no hay de qué preocuparse. Siempre existirán plug-ins. Por fortuna los plug-ins son ajenos al navegador, se pueden instalar en cualquier sistema operativo y nos ofrecerán la misma experiencia.
Por otro lado al ser Chrome, y por ende, Chromium, Open Source, cualquiera que quiera tener Chrome con soporte para H.264 puede hacer un fork del proyecto y lanzarlo para todos. Son grandes las ventajas del software libre.
¿Y adivinen quien ha llegado al, supuesto, rescate de todos nosotros los usuarios de Google Chrome? Microsoft.
Efectivamente, Microsoft, en el afán de mejorar la interoperabilidad de los usuarios de Windows (según ellos) ha decidido regalarle a todos los usuarios de Windows 7 que utilicen Chrome un plug-in para que la decisión de Google, que Microsoft respeta mucho, por cierto, no los afecte.
A finales del año efectuaron un movimiento similar al poner a la disposición de los usuarios de Firefox un plug-in igual; pero este movimiento dio muy poco de que hablar debido a que las intenciones de Google en este entonces aun no estaban tan definidas como hace 3 semanas.
No analizare a fondo las decisiones de Microsoft pero esto si me ha dejado con algunas interrogantes:
Con este movimiento de Microsoft a nadie le debe quedar duda que hay intereses monetarios, tal y como ya se los había explicado al ser Microsoft miembro activo de MPEG-LA, al igual que Apple, en la adopción de H.264.
Conductor es un pequeño sitio, creado con HTML5, Javascript, SVG y Canvas creado por Alexander Chen el cual verifica, minuto a minuto, los movimientos de llegadas y salidas en las diferentes líneas del tren de Nueva York.
El resultado se puede apreciar directamente en el sitio MTA.ME y la explicación, tanto de su funcionamiento y la integración de la información de las líneas de metro como características técnicas, y musicales, se pueden leer directamente en el blog de Chen.
Silk es un hermoso experimento creado por Yuri Vishnevsky, estudiante de sistemas, que consiste en arte generativa mediante el uso de HTML5 y Canvas.
Para utilizar Silk lo único que requerimos es un navegador moderno con soporte para Canvas y arrastrar el cursor del ratón por la pantalla para dibujar las líneas y patrones que se nos ocurran; una vez hecho esto Silk hará el resto y su magia comenzara a animar y colorear las líneas.
Algunos de los hermosos resultados en forma de fondos de pantalla son compartidos por su autor y reproducidos en esta anotación.
También se ha anunciado que una aplicación para iPad/iPhone se encuentra en desarrollo; aunque técnicamente el experimento debería funcionar en cualquier dispositivo móvil que cuente con navegador basado en Webkit con la única limitante que se tendría hacer un tracking de cada tap en lugar de rastrear un ratón y recordando que la ejecución en un dispositivo móvil sería mucho más lenta debido a una carencia de poder de procesamiento comparado con un ordenador tradicional.
[Vía: Silk]
Utilizando varias propiedades nuevas que nos otorga CSS3 como lo son fondos múltiples y gradientes Lea Verou ha creado fondos basados en patrones, rayas, cuadros y otros elementos sin utilizar imagen alguna.
Los resultados son bastante impresionantes considerando que hace unos años era imposible imaginar obtener resultados similares sin la utilización de imágenes e inclusive ha dado paso a la creación de fondos más complejos como lo son corazones.
Obviamente estos fondos solo funcionaran en navegadores modernos como lo son aquellos basados en Mozilla y Webkit.
[Vía: Lea Verou]
Hace algunos días Google anuncio que comenzaría a eliminar, gradualmente, de su navegador Chrome el soporte al estándar de video H.264 creado por los grupos VCEG y MPEG y administrado, en materia legal y de licencias por MPEG-LA.
Las respuestas a este movimiento no se han hecho esperar y he leído bastantes comentarios, algunos poco informados, a favor y en contra del movimiento así como la “supuesta” hipocresía por parte de Google para utilizar su influencia y apoyar las tecnologías que le sean más convenientes.
Vamos por partes e iniciemos con un poco de historia referente a los drafts de HTML5 y todo el caos que ha sido la etiqueta de <video> y sus alrededores, ¿les parece?
Video en HTML es un concepto relativamente nuevo; hace bastantes años, antes de que la web fuera audiovisual, no se tenía soporte nativo para embeber elementos de audio o video utilizando puro HTML y esto es lo que dio origen a que plug-ins como Flash fueran utilizados para resolver estas carencias tecnológicas y dieran paso a la web de video soportada, en gran parte, por el éxito de sitios como YouTube.
En los working drafts de HTML5 existen referencias a estos formatos de video y se especifica que por lo menos debe de existir uno que todos los navegadores soporten e idealmente deberá cumplir con las siguientes características:
Inicialmente el formato de video recomendado era Ogg Theora debido a que es un formato de código abierto, libre, y no requiere de ningún tipo de licencias además de no estar restringido por ningún tipo de patentes. La recomendación era tal que actualmente se pueden dar cuenta que solo existen dos navegadores que no lo soportan, y curiosamente son Internet Explorer y Safari.
Pero algo paso el 10 de diciembre de 2007 y fue eliminado el requerimiento de Ogg Theora para ser reemplazado con el siguiente texto genérico que reproduzco a continuación:
It would be helpful for interoperability if all browsers could support the same codecs. However, there are no known codecs that satisfy all the current players: we need a codec that is known to not require per-unit or per-distributor licensing, that is compatible with the open source development model, that is of sufficient quality as to be usable, and that is not an additional submarine patent risk for large companies. This is an ongoing issue and this section will be updated once more information is available.
H.264 es el formato de-facto y estándar por la industria de video. El códec es muy bueno y es utilizado en los videos de Youtube que vemos en formato Flash, en blu-rays, además de tener decoders de software muy rápidos como CoreAVC y de contar con implementaciones en hardware lo que hacen su reproducción apta en dispositivos móviles.
Al ser desarrollado por grupos como MPEG y VCEG se encuentra lleno de patentes, y es necesario en algunos casos “especiales” obtener licencias para su uso, licencias que son administradas por un pequeño grupo llamado MPEG-LA.
¿Recuerdan que Apple y Microsoft no son partidarios del uso de Ogg Theora? ¿Quieren saber quiénes son miembros de MPEG-LA? Efectivamente; Apple, Microsoft y muchos otros jugadores, son dueños de “una o más patentes” relacionadas con la patent pool de H.264/MPEG-4 AVC. ¿Curioso no creen?
¿Qué es lo que planea Google con este movimiento? Existen varios supuestos:
A nosotros como usuarios finales, consumidores de video; no nos afecta en lo absoluto. La mayoría de los sitios de video en internet siguen usando Flash; y es muy probable que lo sigan usando por muchos años más.
A menos que se dediquen a tareas de video en línea este movimiento no será más que un dolor de cabeza debido a la necesidad de tener que hacer el encode de videos en por lo menos dos formatos diferentes; y aun así para evitar tanto problema es mucho más fácil utilizar un container Flash que si soporta H.264 y seguir trabajando como lo hemos venido haciendo en la era de Youtube.
¿Hipócrita según quién? ¿Hipócrita por que siguen soportando Flash, que es cerrado? Soportar un códec, al tener que incluirlo, codificarlo, en tu navegador, es muy diferente a soporta Flash por medio de un plug-in externo (aun si ese plug-in se instala por default en tu navegador).
Desde hace meses es posible acceder a Youtube y visualizar videos en formato WebM; el cambio de Flash a video en HTML5 será gradual y tardara muchos años. Es estúpido pensar que alguna empresa, especialmente hablando de sitios como Youtube, cortaría de un día para otro sus servicios basados en Flash. El cambio sucederá, algún día.
Google decidió impulsar su propio formato, VP8. Nos están “limitando” en el sentido que planean hacer que todo el desastre de video en HTML5 quede resuelto y con 3 de los jugadores más importantes (Google, Opera y Mozilla) soportando VP8 creo que una resolución va por muy buen camino.
Curioso que se culpe a Google de limitarnos y no se mencione que ni Apple ni Microsoft nos limitan al no aceptar soportar videos en WebM. Todos son culpables.
Si aún quieren utilizar H.264, o quieren usar WebM o Theora o el formato que gusten no hay de qué preocuparse. Siempre existirán plug-ins. Por fortuna los plug-ins son ajenos al navegador, se pueden instalar en cualquier sistema operativo y nos ofrecerán la misma experiencia.
Por otro lado al ser Chrome, y por ende, Chromium, Open Source, cualquiera que quiera tener Chrome con soporte para H.264 puede hacer un fork del proyecto y lanzarlo para todos. Son grandes las ventajas del software libre.
El problema no es el formato ni el codec; a mí no me interesa el formato que se utilice, ni al usuario final; ni el container que se use. Lo más importante de toda esta situación es que se necesita estandarizar un formato. Un solo formato, único, que todos los navegadores entiendan. Los fabricantes de navegadores tienen que decidirse por un formato universal para que cuando se llegue a ese consenso entonces, ahora sí, podamos decirle de una vez por todas adiós a Flash.
Por mientras sigan disfrutando sus videos en Flash que como alguna vez se les había comentado; no se va a ir a ningún lado.
La gente de Experience Bureau ha creado este genial experimento que replica los efectos de un Caleidoscopio utilizando imágenes tomadas de Flickr las cuales son alteradas mediante efectos implementados con la etiqueta <canvas>.
Como era de esperarse el experimento solo funciona en navegadores modernos.
Microsoft acaba de anunciar hace poco la disponibilidad de su beta de IE9, en dónde podemos ver las mejoras que han hecho en cuanto a velocidad, estética, aceleración por hardware y soporte de estándares web más recientes. Si bien su nuevo navegador no esta nada mal, aún tiene un largo camino por recorrer cuando comparamos su velocidad contra los demás, pero se espera Microsoft escuche a la comunidad y ayude a mejorarlo antes de su salida.
Al mismo tiempo, a principios de Septiembre, Google lanzó la sexta versión de su navegador que es aún más rápida que su versión anterior; pero esto ya es noticia vieja para los desarrolladores ya que ellos ya están trabajando en el desarrollo de Chrome 7, que será 60 veces más rápido que la 6ta y con una notable mejoría en rendimiento de gráficos 2D además de aceleración para canvas .
Cómo podemos ver, todos los navegadores se están apuntando a la aceleración por hardware y soporte de estándares, cómo debe de ser. Internet Explorer 9 tiene mucho trabajo que hacer si no se quiere quedar detrás de Firefox y Chrome que son los más avanzados hasta el momento.
Para el video musical de la canción “We Used to Wait”, los chicos de Arcade Fire decidieron hacer algo un poco más creativo, e interactivo, en lugar de un video musical de la manera tradicional. Utilizando elementos de HTML5, video, audio y canvas e incluso haciendo uso de servicios como lo son Google Maps y su Street View, han creado esta interpretación interactiva en el cual muchos de los elementos son auto-generados prácticamente desde el momento en que le damos clic.
La experiencia completa es un poco intensiva en cuando al uso de procesador se refiere, así que si no cuentan con un ordenador potente es posible que el video pueda aparecer un poco lento. Aun así la experiencia es única, y al parecer es necesario utilizar Google Chrome para obtener la experiencia completa.
[Vía: The Wilderness Downtown]
Hakim El Hattab es un desarrollador que en sus tiempos libres se pone a experimentar con las nuevas tecnologías. En este caso, le ha dado rienda suelta a su imaginación, y a su conocimiento de HTML5 y Canvas para crear 9 demostraciones, todas diferentes, sobre el uso de estas nuevas tecnologías.
Desde simulación de partículas, física de cuerpos e inclusive un simpático monstruo y un visualizador de tweets que contienen la palabra agua.
[Vía: HAKIM.SE / EXPERIMENTS]
Para saber de qué trata este blog basta con dar un vistazo por la página principal o visitar alguna de las entradas al azar seleccionadas de nuestros archivos. También es posible seguirnos vía RSS, Twitter o Facebook.
Más: Acerca de Logit42 • Ale en Twitter • Fer en Twitter • Peredo en Twitter
Social Media