CSS asíncrono. Rápido y fácil

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'">

2.466 lecturas 0 comentarios

21 Jun

Fuente gratis Tabu

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

6.448 lecturas 1 comentario

8 Ene

Colección de efectos rollover CSS3

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

5.239 lecturas 0 comentarios

5 Feb

Texto estilo Harry Potter

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

10.720 lecturas 0 comentarios

21 Nov

30 Selectores CSS que debes memorizar

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

9.244 lecturas 2 comentarios

6 Oct

Reset de CSS

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…)

3.810 lecturas 0 comentarios

11 Sep

Tutorial: Texto estilo Retro

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‘

4.046 lecturas 0 comentarios

Estilos para Logos 2.0

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.