Lejos quedan ya los años en los que los desarrollos animados y la interactividad dominaban Internet. Recuerdo que muchos proyectos de empresas y particulares se realizaban empleando la herramienta de animación de Adobe Flash. Flash se expandía por Internet, y era necesario el reproductor para poder visualizar las películas. Las páginas eran objetos .swf dentro del HTML. El formato generado era propietario, y el código compilado no era “interpretable” (aunque existían decompiladores). Pero llegaron los cambios. Por un lado, Steve Jobs daba su espaldarazo a la tecnología de Adobe al no permitir la reproducción de películas flash en sus dispositivos iPad, iPhone. Además Google pedía que los datos cada vez fueran más estructurados para un mejor análisis, y el SEO comenzaba a liderar los intereses de empresas y particulares. El posicionamiento comenzaba a serlo todo, por encima del diseño, por encima de la animación. El objetivo era llegar, la visita, la venta, la conversión. Estos factores sumados a la guerra de los codecs de vídeo hicieron que los proyectos Flash empezaran a quedar en desuso. El responsive, la velocidad de carga, la aparición de CMS como el todopoderoso WordPress, Joomla, Typo, entre otros, fueron minimizando y minando los desarrollos. La animación empezaba a sucumbir. Las webs eran más planas. El empleo de templates en estos CMS, abarataba los desarrollos. El mundo web, comenzaba a tener la misma esencia, la misma forma, el mismo estilo. Estilo Cabecera, sidebar, blog, foot y contenidos en 4 columnas. Estilo Bootstrap y responsive, y animaciones a modo banner, como luce este blog. Sin darnos cuenta, poco a poco, iban despareciendo las webs animadas. El usuario demandaba más velocidad y accesibilidad de contenidos. Cada vez existían más dispositivos y era necesario empezar a trabajar en tecnologías que permitieran ser visualizadas desde cualquier medio. Lejos quedan los proyectos web realizados sólo en
Recursos interesantes relacionados con el HTML5, CSS y JAVASCRIPT
Recursos y enlaces interesantes relacionados con el HTML5, CSS3 y Javascript
Convierte películas Flash en HTML5. Curiosidades. Reutiliza tus animaciones anteriores.
Hace ya tiempo, el empleo de Adobe/Macromedia Flash en los proyectos web era algo muy habitual y extenso. A raíz de la llegada de las posibilidades de HTML5, dispositivos no compatibles (iphone, ipad) y la polémicas del formato de vídeo, su uso fue descendiendo de forma radical. Muchos desarrolladores y empresas tenían proyectos realizados en Flash. Realmente la herramienta es muy versátil y potente, su grado de conocimiento y fama muy extenso. En esta entrada, os mostraré los pasos necesarios para adaptar y reutilizar las peliculas .FLA. Aprovechando nuestro trabajo previo para los nuevos medios, navegadores y dispositivos aparte de aplicar conocimiento anterior de la herramienta multimedia de Adobe.
SEO con HTML5. Conceptos y los Microdatos.
En los últimos años la estrategia a la hora de crear sites ha cambiado sustancialmente. Si bien es cierto que la imagen, el diseño y la usabilidad es importante, se ha convertido en algo vital estar bien posicionado. Puesto que el posicionamiento orgánico-natural (SEO) aporta visitas, y las visitas incentivan las ventas o el negocio. Para ayudar a los web spiders como google a rastear nuestro contenido, existen infinidad de técnicas o estrategias. (ver SEOTIPS). En esta entrada voy a centrarme en los microdatos, esa información no visible al ojo humano pero que existe dentro del HTML y que aporta valor añadido a los agentes de los buscadores que nos visitan. Los microdatos son propiedades del etiquetado que nos permiten definir el significado del contenido de cada una de las etiquetas, su carga semántica. Mediante HTML5 podremos crear información sensible a los buscadores de forma eficaz. Hace ya tiempo, para crear fragmentos enriquecidos HTML y añadir información semántica a la web válida para propositos SEO surgieron 3 estándares: Microdatos (HTML5), Microformatos y RDFa Cada buscador era compatible con alguno de estos tres, por ejemplo google con microdatos, yahoo con microformatos…
Alternativas y herramientas para la creación de animaciones HTML5 al estilo Flash
En esta entrada voy a exponeros las herramientas que he encontrado para crear animaciones al estilo Flash, pero generando HTML5. Como sabréis, la desventaja principal del empleo de películas Flash es la no inclusión ni soporte por parte de Apple, en dispositivos como iPad e IPhone. Poco a poco el gigante informático de Apple ha ido desbancando al programa Flash con un potente competidor, el HTML5. Por otro lado, aquellos que conozcan la filosofía de funcionamiento de estas herramientas no encontrarán grandes problemas para usarlas.