¡Muchos habréis visto ya este efecto tan de moda! Se trata de ir desplegando (mediante animación o transición) elementos en el cuerpo de la Web mientras vamos haciendo scroll. Si queréis programar algo parecido, aquí os dejo Scroll Reveal. Un código, en Java Script, que os facilitará la tarea.
Si todavía ponéis en duda la capacidad de CSS para crear animaciones, os recomiendo que le echéis un ojo a esta página. 5 ejemplos, muy potentes, de lo que puede llegar a hacer CSS. Podéis encontrar los códigos en CSS / SASS y HTML para aprender a hacerlos.
¡No todo va a ser trabajar! Desde saijogeorge.com se encargan de amenizarnos la jornada con algunos chistes basados en CSS como el de la imagen que acompaña estas líneas.
Realizar animaciones de botones, con CSS, cada vez es una tarea más complicada. CSS3 nos ha traído animaciones con muchas opciones que, en la mayoría de los casos, son difíciles de recordar y aplicar. Así que, para ayudar a todos aquellos que quieran tener una animación llamativa en su propia Web, le dejo este archivo CSS con todas las opciones ya escritas, listas para ser aplicadas. Y si no, sólo por ver lo que CSS3 es capaz de hacer, ya merece la pena echarle un ojo 😛
Una Guía / Curso interesantísimo sobre todas las mejoras y nuevas características que nos trae CSS3. Es un libro PDF pensado, sobre todo, para aquellos que ya tienen conocimientos sobre CSS y HTML5 puesto que entra de lleno, y en exclusiva, sobre los añadidos CSS3.
Gratis, completo y en Español ¿Qué más se puede pedir?
– Descargar «Guía Completa de CSS3 / Curso CSS3»
Autor: Antonio Navajas.
Si eres desarrollador web / maquetador, te interesará saber que BrowserShots te permite visualizar tu Web hasta en 200 navegadores diferentes. Es gratis pero presenta el inconveniente de tener que esperar colas hasta de 30 minutos. Si no tienes mucha prisa, y te interesa conocer la compatibilidad de tu código HTML y CSS en diferentes navegadores, no dudes en visitarla.
Ciudad, código postal y provincia son tres campos que siempre se repiten en todos los formularios de registro de nuestras Webs. Con este código, haremos la labor un poco más fácil y rápida a todos aquellos usuarios que deseen registrarse y es que con tan solo introducir el Código Postal, el script nos proporciona la ciudad y la provincia del usuario.
– Zippopotam: Obteniendo la ciudad y la provincia mediante código postal
Bonito y resultón efecto en Jquery para navegar por los contenidos de tu Web. Lo mejor es que lo puedes configurar a pantalla completa y el efecto ventana queda aún más impactante.
– Ver demo
Siempre he pensado que el futuro del diseño Web pasará por herramientas como esta y que la maquetación HTML y CSS3 será un código que pocos llegarán a escribir y entender a fondo. Mientras espero ese momento con gran ansiedad, os presento este plugin de photoshop que, aunque no hace el código de toda la Web, sí que nos facilita la ardua tarea de llevar a CSS botones con efectos de sombra, degradados, bordes, brillos, etc.
¡Y si no os parece útil, al menos echarle un vistazo porque es increíble lo que CSS3 puede llegar a hacer!
Impresionante apliación Web online con la que escribir, ejecutar y compartir código. Admite PHP, Python, Ruby y otros tantos. Además han tenido el detallazo de implementar el coloreado de código de los editores más populares: Textmate, Dreamweaver, etc.
