sin miniatura

Consejo CSS #4

Cuando estés aplicando margin o padding, o cualquier otra propiedad que tenga valores direccionales, ten en cuenta que si no especificas la dirección (margin-left, margin-top…), es decir, si aplicas css shorthand, tendrás que seguir el sentido de las agujas del reloj para guiarte en las direcciones.

sin miniatura

Animación de Spiderman y sistema solar con CSS3

Es impresionante lo que puede llegar a hacer CSS3.  CSS3 nos está ayudando a todo el mundo, para crear sitios web más elegantes y accesibles, quitando relevancia poco a poco a Flash. CSS3, junto con HTML5, es el futuro. Por ejemplo, con un poco de jquery, HTML5 y teniendo como principal protagonista, CSS3, podemos lograr … Lee más!

sin miniatura

Simular la realidad con CSS3

CSS3 es, de largo, la versión de CSS que más opciones nos deja para personalizar y maquetar nuestro sitio web de forma cómoda y sencilla. Los chicos de InspectElement han desarrollado algunos ejemplos que simulan la realidad, como pueden ser Animación de DVD, Polaroids, Giro de imagen y botones presionados, demostrando así el potencial de … Lee más!

sin miniatura

20 originales tipografías gratis

Las tipografías siempre han cumplido un papel fundamental en el diseño web, cada vez mayor. Si estás buscando tipografías originales y atrayentes, has llegado al sitio adecuado, en este artículo encontrarás 20 bonitas tipografías para utilizarlas en tus diseños, totalmente gratis. Por ejemplo, si estás creando un poster, puedes aplicar una tipografía con efecto 3D … Lee más!

sin miniatura

Consejo CSS #3

Cuando estés aumentando o disminuyendo el tamaño de la tipografía, usa EM en vez de píxeles (PX). Los píxeles pueden ser interpretados de forma distinta dependiendo de cada navegador, especialmente Internet Explorer, mientras que usando EM, tendrás la seguridad de que el tamaño de la tipografía se mostrará exactamente igual en cualquier navegador. Más info.

sin miniatura

MarkerCSS, un framework al estilo español

MarkerCSS es un framework creado en castellano, que nos ayudará a maquetar nuestro código CSS de manera más cómoda y sencilla. Mediante referencias en las clases podremos aplicar estilos de forma cómoda, sin tener que ir a modificar el código CSS, porque ya vendrá todo listo. Únicamente tendremos que insertar en la clase la referencia … Lee más!

sin miniatura

Consejo CSS #2

La clase (class) y los identificadores (ID) no son iguales. ¡Si aplicas un determinado ID a un elemento, no podrás repetirlo en otros elementos y el documento no tendrá el código CSS válido! Para ello, usa las clases.

Ver artículos destacados »
Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es ayudarte a aprender sobre CSS, tanto a nivel básico, medio, como avanzado, de forma amena, sencilla y gratuita. Todo ello para ayudarte a empezar a crear tus proyectos o mejorarlos, encontrando la inspiración necesaria.

Puedes contactarme o anunciarte en el blog.

¡Espera! ¡Un regalo por tu visita!

Como muestra de gratitud te enviaremos gratis los últimos freebies, sabios consejos y valiosos cupones de descuento sobre materiales de diseño web a tu correo si te registras abajo.