sin miniatura

Las meninas con efecto 3D mediante CSS

Román Cortés nos muestra un efecto pseudo-3D creado únicamente con CSS & HTML puro, nada de javascript ni flash, efecto que podemos activar al mover el cursor por el cuadro que os muestro arriba (sí, habéis acertado, el cuadro se titula «Las Meninas»). Ha usado 3 imágenes para realizar el efecto: 2 para el fondo … Lee más!

sin miniatura

CSS: position, propiedad

La propiedad position, como su nombre indica, sirve para establecer la posición de un elemento. Su valor por defecto es static (sin posición). Es soportada en todos los navegadores (Cabe destacar que en todas las versiones de IE, incluyendo la 8, no soporta el valor inherit). A continuación mostraremos un ejemplo, los valores de la … Lee más!

sin miniatura

330 iconos grabados gratis

Ya hemos visto la técnica CSS3 para crear un estilo de texto grabado mediante la propiedad text-shadow, ahora os quiero enseñar una lista de 330 iconos grabados en un fondo, que se pueden descargar de forma gratuita. Están en 3 colores distintos, ocupan 9 mb, y pueden ser usados en proyectos personales y comerciales (licencia … Lee más!

sin miniatura

Ejemplos sobre espacios negativos inteligentes en los logotipos

Una de las formas más curiosas de crear logotipos (si no sabéis crearlos, podéis leer esta guía sobre la creación de logotipos), es utilizando espacios negativos, es decir, el espacio entre los dos elementos principales de un diseño, jugando con la relación fondo-figura (esto nos puede recordar a la famosa imagen de la copa y … Lee más!

sin miniatura

Ejemplos sobre diseño minimalista efectivo

Existen muchos tipos variados de diseño, con colores brillantes, con efectos de luz, simples, incluso originales en la forma de mostrar sus contenidos. Un diseño minimalista se da cuando, a pesar de mostrar de forma clara el contenido, se sigue un estilo con el diseño, simple, pero un estilo. Los diseños minimalistas tienen a interesarse por … Lee más!

sin miniatura

Modificar y expandir tu CSS con Rosemary

Todo el mundo busca que sus códigos CSS sean compatibles con todos los navegadores. Rosemary es un sistema de modificación basado en un filtro open source modular para archivos CSS (OSMCFBMS4CSS). Hay que destacar que no es un framework CSS. Todo el que lo desee puede ir creando filtros para Rosemary, solo es necesario tener … Lee más!

sin miniatura

La evolución en los sitios web populares

Los productos van siendo cada vez mejores gracias a la evolución. Al igual que ocurre con estos productos, los sitios web populares tienden a ser cada vez más accesibles, dinámicos e intuitivos. Anteriormente os he mostrado una lista con la evolución en la navegación de varios sitios web, esta vez os voy a mostrar el … Lee más!

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.