Ultimamente hemos esta hablando mucho de HTML5 y CSS3 y es que son las tendencias actuales del diseño web, una consecuencia de estas tendencias es dejar de utilizar Flash y empezar a utilizar mejores alternativas para animaciones. Por supuesto la mejor alternativa a esto es CSS3, con las nuevas características de CSS3 podemos crear diseños web con animaciones y que estas sean compatibles con todos los navegadores tanto de escritorio como en dispositivos móviles como Android, iPhone e iPad, debemos recordar que la mayoría de estos equipos no ofrecen soporte para Flash.

El problema esta en que no todos los diseñadores web tienen habilidades con la programación y les puede resultar muy difícil aprender a programar animaciones utilizando CSS3, para aliviar esta necesidad muchas empresas han creado aplicaciones para crear animaciones CSS3, es por ello que quisiera compartirles 4 programas para crear animaciones CSS3.

Adobe Edge

Actualmente en fase Beta, lo pueden descargar de manera gratuita, la licencia gratuita vencera en el momento que Adobe decida lanzar una versión estable del programa, el programa te permite crear animaciones y utilizar todas las características que CSS3 ofrece, Adobe Edge tiene versiones para Windows y Mac.

Descargar

Sencha Animator

Sencha Animator es una aplicación crear diseños web con animaciones CSS3 y también aplicaciones Touch para utilizar en iPad o iPhone, Sencha ofrece versiones para Windows, Mac y Linux, pueden descargar una version de prueba de 15 dias.

Descargar Demo 15 dias | Licencia $199 usd

Purple para Mac

Ota aplicación que te permite basicamente lo mismo, en este caso Purple solo es para Mac y te permite exportar los gráficos separados por Layers a Photoshop para que los puedas optimizar y o modificar, permite exportar el código resultante y también crear scripts Javasscript para mayor dinamismo de las animaciones HTML5 con Ease.

Descargar de Mac Store $299 pesos ($19.99 USD)

Hype para Mac

Hype te ofrece un ambiente de trabajo similar a Adobe Flash, con escenas y lineas de tiempo, te permite utilizar Javascript y exportar código HTML y CSS3, también te permite guardar tus trabajos directamente a Dropbox.

Descargar version de Prueba | Descargar de Mac Store $600 pesos ($49.99 USD)

Junto a HTML5 viene CSS3 buscando renovar el diseño web actual, con muchas caracteristicas bastante interesantes, pero como siempre hay un problema, se trata del soporte CSS3 de los navegadores web, muchas veces puedes realizar un diseño web impresionante y puedes pensar no me demore mucho, pero cuando empiezas a probar con otros navegadores te das cuenta que aun te falta mucho porque quizas algunas caracteristicas de CSS3 que utilizaste son compatibles con Google Chrome pero no con Internet Explorer.

Si este ha sido tu problema puedes seguir el enlace a continuación y hacer una prueba de compatibilidad CSS3 a tu navegador web y así enterarte que características soporta tu navegador y cuales no y después comparar.

Enlace: The CSS3 Test

Sin embargo muchos navegadores han empezado a incluir soporte para algunas funcionalidades de HTML5 y CSS3 ya aprobadas, si quieres saber cuales son y que navegadores las soportan, te invito a checar esta interesante tabla de compatibilidad de navegadores.

Soporte para HTML5 y CSS3

Enlace: HTML5 & CSS3 Support

Todos ya hablan de HTML5 para diseño web y también sobre CSS3 para integrar y crear increíbles diseños web tanto para paginas como para aplicaciones de la nube, hay tareas referentes a estos dos lenguajes que podemos optimizar en tiempos de creación haciendo un buen uso de aplicaciones en linea o bien descargando recursos para diseño gratuitos.

La gente de SpeckyBoy recopilo un total de 40 enlaces donde podríamos encontrar recursos CSS gratis para generar diseño de elementos, por ejemplo: diseños de tablas o formularios, entre los enlaces también encontraras plantillas CSS gratis para crear tus sitios, aquí les dejo algunos enlaces directos, para recopilar todos estos recursos pueden seguir el enlace al final:

• 10 diseños de tablas en CSS
• 23 diseños de estilos de paginación en CSS
• 12 diseños de menus a base de CSS
• 40 Layouts CSS
• 100 plantillas CSS para emails

Enlace: 40 Essentials CSS Templates and Resources

Especial para diseñadores web que quieran mejorar su productividad, una enorme recopilación con 715 plantillas CSS gratis que puedes utilizar para tus sitios web y que mejorar tu productividad reduciendo significativamente tu trabajo.

Son unicamente las esctructuras, respetan grids y estan optimizadas para la mayoría de los navegadores sin duda una excelente fuente de recursos CSS gratis que deberías guardar en tus favoritos.

Enlace: 715 awesomely simple and free CSS Layouts

El impacto que esta teniendo el nacimiento de HTML5 en el diseño web y de aplicaciones para telefonos como el iPhone es realmente importante, el debate que se ha generado gracias a Apple al preferir HTML5 en vez de Flash ha causado mucho ruido y Google igual lo ha estado explotando mucho.

Pero y los demas desarrolladores que estan haciendo nos estamos adaptando al futuro? o todavia tienen miedo de entrar a estos nuevos estandares, para los que aun lo estan pensando seria bueno que consideraran estos 25 tutoriales y tecnicas de HTML5 para por fin empezar a involucrarse en los cambios que esta sufriendo Internet, recuerden que HTML5 esta viniendo de la mano con CSS3, estas nuevas versiones de estos lenguajes de programación son el resultado de arduo trabajo y de escuchar a las comunidades de diseñadores web.

HTML5 incluye muchas mejoras que vale la pena considerar y que una vez que esten integradas en todos los navegadores web modernos nos haran la vida aun mas facil, en fin aquí les dejo la lista de tutoriales HTML5.

• HTML5 Unleashed: Tips, Tricks and Techniques
• Implementing HTML5 Drag & Drop
• Blowing up HTML5 video and mapping in into 3D space
• HTML5 & CSS3: The techniques you’ll soon be using
• The power of HTML5 and CSS3
• Conding up a web design concept into HTML & CSS
• Touch The Future: Create An Elegant Website With HTML 5 And CSS3
• Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3
• Coding a CSS3 & HTML5 One page website template
• Coding A HTML 5 Layout From Scratch
• How to Make an HTML5 iPhone App
• Design & Code a Cool iPhone App Website in HTML5
• Structural Tags in HTML5
• Have a Field Day with HTML5 Forms

Para ver el resto de los tutoriales de HTML 5 y CSS3 pueden seguir el siguiente enlace.

Visto en: 25 essentials HTML5 tutorials and techniques

Una de las cosas mas utilizadas ultimamente en sitios de empresas son los ya clasicos Slideshows ya que permiten exponer de una manera creativa e impactante productos o servicios con imágenes atractivas, en la siguiente recopilación se muestran un total de 14 galerias y slideshows muy buenos usando CSS y JavaScript.

Estos slideshows javascript no son de alguna librería en especial, la lista incluye tanto Slideshows jQuery como MooTools, ojala les sean útil solo tienen que seguir el enlace.

Enlace: 14 most sexy galleries and slideshows using javascript and css

Enlace: 10 best tutorials to learn CSS3

Enlace: Best of CSS design 2009

CSS Awards es un sitio relativamente nuevo donde podrias encontrar los mejores diseños CSS de paginas web, es un galeria mas pero muy buena y que empieza con excelentes selecciones de diseños web, el diseño del sitio es bastante atractivo y también seleccionan mensuamente al mejor sitio de la colección, también se hace la rifa mensual de premios en este mes se ofrecio como premio un iPod Nano el cual lo recibira el ganador del CSS Awards del mes.

También hay selección del sitio del día, mucho trabajo para estos chicos espero todo este automatizado, en fin un excelente lugar para encontrar inspiración antes de sentarse a diseñar un sitio web mas.

Enlace: CSS Awards