94 lecturas 1 comentario

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'">
1.091 lecturas 0 comentarios

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

5.199 lecturas 1 comentario

Colección de efectos rollover CSS3

hover-css

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

4.347 lecturas 0 comentarios

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

8.006 lecturas 2 comentarios

Reset de CSS

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

2.908 lecturas 0 comentarios

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

3.144 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.

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