Interesantes perspectivas de las sombras con CSS

La propiedad box-shadow, una de las nuevas opciones de CSS3, se ha convertido en la opción ideal para crear sombras en las cajas. Aplicando sombras a la pseudo-clases ::before y ::after, crearemos útiles perspectivas con la sombra. Allá vamos: Código HTML Código CSS Ejemplo de su funcionamiento Ver ejemplo de la sombra con perspectiva Vía … Lee más!

sin miniatura

Construir un cubo 3D con HTML5 y CSS3

HTML5 y CSS aportan nuevas novedades a los diseñadores, muy útiles y más fáciles de implementar que las de CSS2. Os enseñaré a crear un cubo 3D con CSS, parecido al que os mostré anteriormente. Las letras del cubo son las siglas del logotipo de WebProNews. Para empezar, necesitamos 3 imágenes separadas, cada imagen de … Lee más!

Burbujas de texto con CSS

Las burbujas de texto son un efecto popular pero la mayoría de ellas se crean con HTML o Javascript. Este tutorial contiene varios ejemplos de efectos de burbujas de texto creados con CSS 2.1 y personalizados con CSS3. Como dije anteriormente, no contiene imágenes, Javascript y puede aplicarse a tu HTML semántico. Por ahora soporta … Lee más!

sin miniatura

Centage, un framework avanzado basado en CSS/LESS

Centage es un framework complejo orientado a crear simples y avanzadas estructuras fácilmente. Está basado en less.js, una implementación en Javascript de less.css, y hace uso de sus funciones avanzadas, como pueden ser las variables, mezclas y la jerarquización. No utiliza ningún valor en píxeles, menos la expansión y compresión dependiendo de la anchura del … Lee más!

sin miniatura

8 técnicas CSS aleatorias que deberías conocer

El CSS es la piedra angular de todo diseño web. Su sintáxis, aparantemente sencilla, afecta directamente al aspecto visual de nuestro front-end. En este artículo quiero comentaros ocho técnicas CSS que os resultarán muy útiles en futuros proyectos. Trabajando con medidas relativas Si queremos utilizar medidas relativas (em), para las tipografías de nuestros diseños, es … Lee más!

sin miniatura

CSS: Background-size

Esta es una propiedad CSS3 que aún no está finalizada, puedes seguir su progreso por la W3C. La propiedad background-size te permite ajustar el fondo, estirarlo hasta donde deseemos, por lo que se puede llamar también background stretch. Podemos usarla, aunque únicamente determinadas versiones de navegadores son soportadas hasta ahora. Sería: -moz-background-size (Firefox 3.6) -o-background-size … Lee más!

sin miniatura

Consejo CSS # 7 – Protocolos relativos de direcciones en CSS

Si has creado un sitio con varios protocolos (HTTP, HTTPS, FTP…) existe un método (Relative Reference, RFC 3986), publicado por Paul Irish (muchas gracias por avisar Andrés) para que, dependiendo del protocolo en donde estemos, cambie la dirección, relativizándose e incluyendo al principio el protocolo correspondiente. Aunque existe un error en IE 7 Y 8 que crea una … Lee más!

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.