Se que diseño web no es un tema maquero, pero en el entendido de que a eso me dedico y al hecho que la próxima actualización de Safari para el iPhone incluirá soporte para HTML5 y CSS3, creo que hay razones más que suficientes para hablar del tema por aquí.
Para los que no están ligados a la materia, las Hojas de Estilos en Cascada o CSS (Cascading Style Sheets) es un lenguaje para estructurar los objetos contenidos en una página HTML, dándoles color, tamaño, especificaciones tipográficas, transparencia, entre otras muchas configuraciones. Con CSS se pueden lograr páginas con diseños preciosos, páginas que compiten directamente contra Flash combinado con javascript, así como cosas impresionantes.
Como todos sabemos la tecnología es cambiante y lo mismo pasa con esta evolución (que no revolución) de los CSS. Entre las muchas novedades que le han integrado se encuentra la de poder crear animaciones con objetos estáticos, ya sean textos o imágenes.
Se dice que esa nueva fórmula para poder hacer animaciones sin el costo de tener que instalar módulos o plugins en el browser es lo que Apple quiere aprovechar. La intención es no tener necesidad de soportar Flash en el iPhone y así este no compita contra las aplicaciones del App Store, ya que actualmente existe una inmencionable cantidad de juegos y herramientas basadas en Flash completamente gratis.
Por el momento muchos browsers aun no soportan del todo a CSS3, ni siquiera Firefox en su versión 3.1b2 (la más actualizada hasta el momento) o Safari 3.2.1, aunque ya los chicos de Mozilla se encuentran trabajando en ello para Firefox. Si queremos ver ejemplos de como funcionan esas animaciones debemos recurrir a videos que podemos encontrar en la red o descargar las últimas actualizaciones de browsers como WebKit, que si lo soportan. Luego de todo lo que he visto y leido, desde ya me convierto en partidario de las novedades del CSS3.
Si quieren ver por ustedes mismos como funcionan las mencionadas animaciones, solo deben descargarse la última versión de WebKit Nightly Builds y luego visitar esta página con un muy buen y precioso ejemplo. La otra solución es ver el video que pongo más abajo que grabe usando a WebKit r4095.
14 Feb, 2009 7:01 PM
Ha sido interesante ver la evolucion del CSS durante los años, suena interesante la animacion usando el CSS, Stu Nicholls tiene unos buenos ejemplos tambien de como usar CSS en complejas maneras. Yo todavia prefiero a Flash para animaciones y otras cosas
Yo soy uno de los que dice que no va a comprar un iPhone hasta ver integrado el “cut & paste” y el Flash, pero si Apple hace esto que mencionas creo que no iPhone para mi!!
Saludos Junihh!!
14 Feb, 2009 7:54 PM
@Juan Medina: Hola amigo. Para mi a causa de los precios que tienen Claro y Orange, el iPhone paso a mejor vida.
Po otro lado para alguien como yo que su “moro de cada día” depende de Flash puede parecer un poco contradictorio, pero la verdad es que no lo recomiendo. Si se pueden usar otras tecnologias menos intrusivas, mejor darles oportunidad a esas.
Flash es una gran tecnologia y combinado con aplicaciones para la web se pueden lograr cosas impecables, pero bajo las perspectivas que ofrece CSS3, creo que para animaciones simples como la del video lo preferire.