El futuro de SMIL

Ayer a primera hora Erik Dahlström twiteaba lo siguiente

Intent to deprecate: SMIL - https://t.co/4m5GmPNvPi

— Erik Dahlström (@erikdahlstrom) April 30, 2015

La gente que esta desarrollando Blink/Chromium quiere pasar SMIL a deprecated. Recordad que SMIL no tiene soporte en ninguna de las versiones de Internet Explorer, aunque hasta la version de IE8 soportaba XHTML+SMIL, curioso ¿no?

Estaba claro que desde que Microsoft en 2010 decidió apoyar las animaciones CSS3 en lugar de SMIL la especificación quedaba tocada. Lo divertido de esto es que las transformaciones de CSS3 no funcionan sobre elementos de SVG en ninguna de la versiones de Internet Explorer. Así se apoya un método de animación, epic.

La opinión del SVGWG

Ayer como todas las semanas había un Minutes del SVGWG, es una reunión semanal que llevaba acabo el grupo de SVG para tratar diferentes temas de la especificación. Una de los temas del minutes de ayer era blink’s intent to deprecate SMIL

Aquí os paso el enlace Minutes, 30 April / 1 May 2015 SVG WG telcon

La conversación es bastante interesante.

El resultado final es separar SMIL de SVG, para ello se va a crear una especificación donde ubicarlo. Es un mal menor, como bien dicen no tiene sentido deshacerse de SMIL cuando todavía esta muy verde WebAnimationsJS.

También se va a hacer un analisis entre SVG Animation y CSS animations/transitions.

Por su parte Brian Birties creador de WebAnimationsJS escribía un post esta mañana sobre el tema: What do we do with SMIL?

Mi opinión

El gran ramajero virtual me pedía mi opinión sobre el tema.

Me gustaría saber la opinión de @jorgeATGU
"Goodbye SMIL?" https://t.co/TTR8pSycvt

— * {will-change: mandatory;} (@Kseso) April 30, 2015

Si con algo he me he divertido a la vez que lo he ido aprendiendo es con Freehand y con SMIL. Así que me da pena que termine desapareciendo. Entiendo que se quiera integrar SMIL+CSS3 en una sola especificación como WebAnimationsJS para ver si así todo el mundo da soporte de una maldita vez a un método de animaciones para la web.

• La parte de potencial que le sigo viendo a SMIL es la facilidad a la hora de concatenar animaciones.

• La posibilidad de animar casi todos los elementos que forman parte de la especificación, esto lo hacemos con animate y atributeName

<animate attributeName=“” values=“” begin=“” dur=“” calcMode=“” keyTimes=“” fill=“”/>

• La simplicidad de incluir eventos como begin, end, click, hover a la hora de comenzar animaciones.

• La elasticidad que se le pueden dar a las animaciones haciendo un buen uso de keyTimes, keySplines.

• La sencillez a la hora de aprender.

En su día hice una review comparando SMIL vs CSS3

SVG

CSS3

Aquí una colección de CodePen con multitud de animaciones creadas principalmente con SMIL

También subí todo el código de todas mis animaciones a un repositorio GitHub

Y el pasado verano también cree un pequeño plugin para Sublime Text 2/3