Finalmente, Flash mueve ficha hacia HTML5

O, al menos, eso parece deducirse de este sneak peek que publicó Adobe ayer:

De la necesidad imperiosa de Flash de saltar a la piscina de HTML5 antes de que el formato swf se vuelva irrelevante del todo hemos hablado en más de una ocasión en este blog. Ya en octubre de 2010 nos preguntábamos quién acabaría matando a Flash y nos olíamos que jQuery y familia podían sustituir buena parte de las ‘animaciones de botón’ (nos olvidamos de CSS3, todo sea dicho), pero que para hacer cosas potentes Canvas parecía una alternativa bastante más interesante y factible. Un poco más tarde, en marzo de 2011 nos preguntábamos a qué exportaba Flash, exactamente: Adobe anunciaba que exportaba a HTML, pero que lo generaba era jQuery por un tubo. Bien para cosas básicas, pero para nada a la altura de funcionar efectivamente con un .fla sofisticado. Toda una decepción. Y hace un poquito más de tres meses volvíamos a interesarnos por la carrera de Adobe por seguir siendo relevante en un mundo HTML. Y seguíamos sin entender. Más de lo que habíamos visto en marzo… y una alternativa a Flash: Adobe Edge (por cierto, que Edge sigue moviéndose y anda por la ‘preview 4’, que salió en enero). Pero Flash, la joya de la corona Macromedia, seguía sin salir a Canvas, limitado casi cruelmente a una sopa de divs, SVGs y animaciones del DOM. Sorprendente.

Febrero de 2012 y, finalmente, parece, Adobe tiene algo que enseñar digno de enseñarse. Enseñan poco, muy poco, pero cuentan en el vídeo que la cosa va de usar CreateJS, que se autodescribe como «una suite de bibliotecas JavaScript y herramientas diseñadas para trabajar con HTML5», que incluye EaselJS («una biblioteca JavaScript para trabajar con el elemento Canvas de HTML5»), TweenJS («una biblioteca de animación y tweening para JavaScript y HTML5″, y que también sale a Canvas) y SoundJS para trabajar con sonido. Que uno diría que es una buena receta para hacer lo que hace Flash… pero sin archivos swf ni la máquina virtual de Flash. Todo ello con la firma de Grant Skinner, que, por poner un ejemplo brillante, está detrás de pirateslovedaisies.com (que sí, que es difícil de creer, pero no es un .swf…)

A Flash le queda mucho camino por avanzar si quiere salvarse de la quema, pero de golpe, la cosa parece mucho menos negra…

Los tuitlinks de la semana (34)

Los de diseño y desarrollo web

El primero, cuidado, contiene matemáticas:

MathJax para MediaWiki :-) (via @_olga__) http://j.mp/yEj0hI

Un par sobre Bootstrap, el fantástico framework CSS de Twitter:

Create unique design with Bootstrap v2: http://stylebootstrap.info/

RT @initializr Huge Initializr release including Bootstrap 2, LESS, H5BP 3 and Modernizr 2.5 on the hot new initializr.com!

El peligro de los navegadores creados por fabricantes de sistemas operativos:

RT @mrdoob You need OSX Lion+ for Safari 5.1.3+. You need Windows Vista+ for IE9+.

Un poco de cajón de sastre:

Responsive Navigation Patterns http://j.mp/yJKeWg

otra opción para hacer wireframes y prototipos: http://www.invisionapp.com/

alegato a favor del HTML por encima del PDF http://bit-player.org/2012/pdf-vs-html

Open Textbook Authoring Tools: WordPress and Pressbooks (via @brlamb) http://j.mp/zA0pJV

Hablábamos ayer de los riesgos del browser sniffing. Una imagen vale más que mil palabras:

RT @brucel What a difference pretending to be Webkit can make miketaylr.com/post/0467187d.png (RT @miketaylr)

El reivindicativo

RT @antonello Por favor Google, no te olvides de Reader genbeta.com/p/67358 vía @genbeta

El matemático

Provocador. «Is Math Still Relevant?» http://j.mp/AAkhuX

(Mi opinión es que las matemáticas siguen siendo relevantes, que lo que se está quedando alarmantemente anticuado e irrelevante es lo que se explica en muchas de las asignaturas de matemáticas de primeros cursos universitarios.)

Los de seguridad

Tres herramientas a añadir a la mochila:

GRC’s Ultra High Security Password Generator http://j.mp/yRPnBZ

aSpotCat Shows All Your Android Apps’ Permissions, Services That Cost You Money (lifehacker) http://j.mp/yb1IT4

RT @lifehacker You know companies are snooping on you on every website. Use this browser add-on to stop them from tracking you: lifehac.kr/zeUoXX

El tecnostálgico

:_) RT @xeotico: AWESOME! BREADBOX64 – A twitter client for the C64/C128 running on a C128D http://youtu.be/8m86mm-SMGA

Y los audiovisuales para cerrar

Pósters minimalistas Pixar. Quiero el de Wall·e, el de Los Increíbles y el de Monsters, naturalmente http://j.mp/xmTkPF

impresionante RT @rands: Purple Rain – original live recording – with commentary: http://j.mp/wxomiM


Si te han parecido interesantes, ya sabes: @chechar

Los riesgos del ‘browser sniffing’

Un cuadro de texto en Google Docs alerta de la necesidad de actualizar a un navegador más moderno
¿¡Más!?

Nada toca más las narices que vivir en una beta de Firefox y que te digan que tienes que «actualizar a un navegador más moderno». Naturalmente, la primera reacción es pensar mal del equipo de Google Docs y suponer que, al seguir el enlace, me avisarán que determinadas funcionalidades, dentro de poco, sólo estarán disponibles con Chrome. No es el caso:

Google Docs supports the two latest versions of the following browsers:

  • Google Chrome
  • Firefox
  • Safari
  • Internet Explorer

Note: Other browsers might work with Google Docs. However, we can’t guarantee that features will work as expected.

Vamos, que no es que no soporten ni vayan a dejar de soportar Firefox (conste que el hecho de ignorar a Opera me parece fatal, por cierto), sino que me han lanzado la advertencia por error, más que probablemente porque usan ‘browser sniffing’… :-|

Visualiza tus passwords (y asústate)

Una gran nube de puntos conectados en un extremo de la imagen, y multitud de puntos separados o en parejas en el resto
A veces ver la magnitud de la tragedia ayuda...

Eso de ahí arriba es la visualización (generada por Password Reuse Visualizer, más información) de las contraseñas que mi Firefox tiene almacenadas. La enorme ‘flor’ de arriba es un enjambre de sitios en los que, confieso avergonzado, uso una misma contraseña. El resto de la imagen corresponde a un comportamiento bastante más concienciado, de sitios con contraseñas únicas o casi únicas. El diagnóstico es que si uno solo de los sitios de la flor tiene un agujero de seguridad, mi identidad en todos los demás sitios conectados está en absoluto riesgo :-S

Casi todos tenemos la manía de usar y reusar una y otra vez la misma contraseña. Somos conscientes (sí, ¿no?) de que eso pone en riesgo nuestra identidad y seguridad digitales, pero pensar en una estrategia de contraseñas y recordarla cada vez que nos damos de alta en un sitio nuevo, o buscar alternativas, nos da una pereza tremenda…

Una herramienta como Password Reuse Visualizer puede hacer que, como mínimo, apreciemos la magnitud de la tragedia, se anule nuestra falsa sensación de invulnerabilidad y nos animemos a dar los pasos necesarios para asegurar un poco nuestra identidad digital.

PS Sí, decirle a Firefox que recuerde todos esos passwords tampoco es exactamente la mejor política de seguridad… :-S

PPS Para activar el plug-in, una vez instalado, deberéis hacer clic en el candadito azul que os aparecerá en la barra inferior del navegador.

Los tuitlinks de la semana (33)

Esta semana, en mi cuenta de Twitter, @chechar, se ha hablado…

De temas de interés hiperlocal

Finalmente, la @filmotecacat tiene una web decente (y twitter y todo) http://j.mp/ytYtLu

habemus entrada Phenomena: La princesa prometida + Los Goonies :-) http://j.mp/xt8JwQ

RT @daniel_julia Barcelona Beer Festival , el 9, 10 i 11 de març de 2012 http://barcelonabeerfestival.com/2012/info-ca

De software y cacharritos

RT @adelgado Disponible la versión 2.0 del reproductor multimedia VLC http://j.mp/zpc6IX

¿ha inventado HP el ‘todo en uno’ definitivo? ¡quiero uno! o mejor: lo necesito :-) http://j.mp/wxaNbV

lo de photoshop, a veces, parece magia negra… http://j.mp/wOuEZS

De temas legales en la red: propiedad intelectual y privacidad

UK Radio versus Spotify: A comparison of the value of spins versus streams http://j.mp/w7AWon

RT @someofmywork 4th and final part of @remixeverything‘s brilliant Everything’s a Remix is live http://vimeo.com/36881035 with a tiny contribution from myself

¿Quién puede ver tu correo, escribir twits por ti o acceder a tu Facebook? http://j.mp/z8K3tX

De diseño y desarrollo web

está feo autoretuitearse, pero de verdad vale la pena: RT @obm: El vídeo que debes ver hoy: Inventar por Principio http://goo.gl/fb/556GX

Welcome YSlow Open Source http://j.mp/A6WhMc

RT @joanballester Por si tenéis prisa… #CSS3 maker – http://ow.ly/94oxo

RT @martuishere Responsive web design: the good, the bad and the ugly – My take on RWD at yesterday’s @webcatBCN: http://www.slideshare.net/Martulina/resp… #webcat #rwd

The Performance Golden Rule http://j.mp/zdeflI

A non-geeky guide to understanding performance measurement terms http://j.mp/xwLji9

Y de joyitas visuales

no os perdáis (si no lo habéis visto ya) este van gohg dinámico/interactivo http://j.mp/z9dNmx

inenarrable. el arreglo musical más geek de la historia. House of The Rising Sun. gracias @jordisn http://j.mp/y835VO

no os perdáis Inspirations (contiene mates de esas que te hacen querer volver sobre el tema :-))

[vimeo]http://vimeo.com/36296951[/vimeo]