Contenido

tyPhoGraphic, transformaciones CSS

29 Dic

+ 2

Hace ya muchos meses que venimos hablando las CSS Transformations y tambien de los navegadores que poco a poco se van sumando a esta nueva tecnología. Y es que aunque haya un debate bastante acalorado sobre llevar al nivel del diseño o no los movimientos de los elementos, hay que reconocer que son impresionantes.

tyPhoGraphic es la última herramienta con la que usar estas CSS Transformations  será más fácil todavía, aunque le encuentro 2 grandes problemas:

<div effect="zoomin" duration="1700" >2009</div>
<div effect="zoomout" duration="1600"  start="-200">2009</div>
<div effect="wobble" duration="1000" >2009!</div>
<div effect="shake" duration="1200" >2009!</div>

<div effect="shake" duration="1000" start="200" >Happy </div>
<div effect="waggle" duration="1200" >New</div>
<div effect="waggle" duration="1200" >Year!</div>

<div effect="zoomout" duration="800" start="500" >Party </div>

<div effect="zoomout" duration="400" >like </div>
<div effect="zoomin" duration="400" start="-100" >it's </div>
<div effect="zoomin" duration="800" >1999</div>
<div effect="shake" duration="50000" >

Aquí es donde está el primer problema, la inclusión de nuevos atributos a los elementos HTML nos hará que nuestras páginas no validen. El segundo problema, es que únicamente funciona en navegadores con CSS Transformations, lo que navegadores como Firefox 3.0, IE6, IE7, Opera 9.5,.. no funcionará el siguiente ejemplo.

Yo lo he visto con WebKit/iPhone y he tenido la impresión de estar viendo un video Flash.Sin duda es una muestra de lo que podremos hacer en un futuro.
Via

  • No soy nada partidario de poner esos atributos en los divs porque como bien dices no se validaran y ademas estamos juntando la capa de codigo con la capa de vista… No me parece muy buena idea

  • Yo creo que comentarios como el tuyo Ruben no aportan nada. En vez de mirarle el lado positivo a lo que lograron repites como lorito la boludez de: «ayyy…. esto no valida» y de «mezclasn la capa X con la capa Y».

    Por que en vez de ser tan negativo no aprecias un poco mas lo que se ha logrado y la fluidez con la que funciona. Mas adelante puede plantearse como standard o no.

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.