CSS 3 - Transiciones para cambio de tamaño.

¿Has notado que si redimensionas la ventana del navegador con Gmail abierto los distintos elementos de la pantalla cambian automáticamente de tamaño en una animación suave?.

Esto se puede realizar utilizando JavaScript o jQuery, pero también se puede lograr usando las Transiciones CSS3 y selectores @media.

Hacerlo con CSS3 recrea del mismo modo las animaciones de las transiciones como con jQuery pero es infinitamente mucho más fácil, con menos código y más legible.

Veremos ahora entonces como hacerlo con CSS3

Los mejores sites en CSS

The CSS Awards es una gran galería de los mejores sitios desarrollados con CSS. 

Tal como el fwa.com fué (y es) un sitio de consulta y paseo de todos los desarrolladores flash que desean ver en qué anda la tendencia. En the css awords se dedican a recopilar y votar los mejores sitios desarrollados en CSS.

El ranking tiene cierta seriedad porque cuenta con un jurado internacional formado por bloggers, agencias y diseñadores de reconocido prestigio, que valoran los sitios web.

Pero la verdad es que lo mejor es visitarlo y ver qué es lo que se está haciendo en el mundo del CSS. Pero además cuenta con un blog en el que publican notas a los desarrolladores donde podemos aprender sobre sus técnicas y filosofías de desarrollo.

En un blog llamado Prime Crunch encontré un parrafo que define muy bien lo que se siente visitando este sitio: 

Es todo muy transparente desde los criterios usados que son diseño, creatividad, usabilidad y contenido, hasta el microsite del jurado. La web permite visualizar las notas otorgadas por los miembros del jurado, además de que los usuarios realizar su valoración, escogiéndose un sitio del día.

Es un gran sitio para cuando estas pasando una crisis de creatividad, mejorando tus diseños con css3, html5, ahondar en la web 2.0 o simplemente conocer como vienen las tendencias

 

Adobe se apura para no quedarse afuera: html5 pack para illustrator cs5 gratuito

Parece que la gente de Adobe, aunque continúe apostando a flash, tras las proféticas declaraciones de Steve Jobs no quiere quedarse afuera ante el inminente desembarco de HTML5, el caballo de troya que amenaza la vida útil de flash para el desarrollo web.

Por eso, acaba de lanzar el "HTML5 Pack para Illustrator CS5".
Se trata de un complemento que ofrece soporte HTML5 y CSS3 para illustrator y que además facilita la integración de Illustrator CS5 y Dreamweaver CS5.

Parece además que el susto es grande, pues el pack es gratuito y puede descargarse desde el sitio labs de adobe:

CSS3: Solucion para Internet Explorer (Encaminando a un monstruo necio y osboleto)

Microsoft continúa (y continuará) con su politica despreciable de no adaptarse a los estandares cuando les conviene y dejar varado tu navegador en versiones obsoletas de su navegador.

Afortunadamente hay desarrolladores que tratan (a veces con buenos resultados) de sobreponerse a este elefante muerto de microsoft con herramientas efectivas, gratuitas y faciles de implementar.

En CSS3PIE desarrollaron un archivo .htc que, al agregarlo en tu página web conseguiras que los "casi standares" de css3 se apliquen en todas las versiones de explorer (al menos IE6, IE7 e IE8).

Los archivos .htc son componentes para que internet explorer sanee los problemas que tiene con html dinámico.

PIE.htc puntualmente es un conjunto de scripts que convierten las expresiones de CSS3 de tu página a VML (Vector Markup Language): Un lenguage para dibujar vectores, bastante pedorro, desarollado por y para IE.

A continuación te muestro como utilizar este componente

23 Recursos esenciales para entender HTML5

El desembarco del HTML 5 es inminente, y en él no sólo se espera una lluvia de aplicaciones nuevas sino también toda una nueva metodología y entornos de desarrollo.

El siguiente artículo es una traducción del artículo publicado por Ryan Carson en su blog de desarrollo web ThinkVitamin.: