A diferencia del código Javascript, que tiene atributos que permiten cargarlo de forma asíncrona, en CSS no existía nada parecido hasta la fecha. Ahora, con un pequeño truco, vamos a solventar este inconveniente. Para cargar CSS, de manera asíncrona y sin demorar el render de la página, utilizaremos el atributo onload. Aquí os dejo cómo tendríais que enlazar el archivo CSS:

<link rel="stylesheet" href="/mi_css.css" media="print" onload="this.media='all'">

Vaya rollazo tiene esta fuente, un estilo tribal con mucha personalidad; además, incluye símbolos -en la misma línea de diseño- para complementar al texto.

Descargar fuente Tabu gratis

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 😛

· Ver ejemplos de Hover.css y descargar

Aunque nunca he tenido la paciencia suficiente para terminar de ver una de sus películas, entiendo que debe tener sus cientos de miles de seguidores así que, para ellos, acerco este tutorial en Photoshop para realizar un acabado tipográfico en la misma línea del film.

– Ver tutorial Photoshop Texto estilo Harry Potter

No hay mejor manera de tener un código limpio que utilizando, correctamente, clases con selectores.  Estoy seguro que cuando leas este artículo habrás aprendido algún selector que nunca antes habías usado.

– 30 Selectores CSS que debes memorizar

Os adjunto un Reset CSS para maquetar. Yo lo encontré en el Framework CSS de Blueprint y según muchos expertos, dicen que es el mejor. Digamos que el objetivo de este CSS es el de reducir inconsistencias que existen entre los diferentes renders de navegadores a la hora de mostrar una Web. (más…)

Un interesante tutorial que muestra en pocos pasos como crear un texto en perspectiva con cierto aire retro.

La fuente utilizada es Sega, se puede descargar en el mismo enlace.

Ver Contenido‘

En estos tiempos que corren, donde las Webs2.0 están a la orden del día, las imágenes corporativas piden una evolución y adaptación a los nuevos estilos.

Para facilitar la labor, os adjunto un Pack de Estilos para Logos 2.0.

Tenéis que pasarlo a la carpeta de Photoshop «PresetsStyles»

El archivo lo encontráis más abajo adjunto.

– Archivo Adjunto: web20.asl

Consigue este efecto clásico, de Mac, en textos para dar un acabado plastificado y brillante.

Ver Contenido‘