Recrear el nuevo logo de Windows con CSS

@mohamedmansour nos avisa de que Microsoft recientemente ha creado un nuevo logo corporativo de Windows, que parece haber sido realizado con Adobe PDF Illustrator CS5. El logotipo en principio está realizado en PDF, pero nosotros podemos adaptarlo para CSS, de una manera fácil y rápida, como os mostraré a continuación.   Código HTML   Código CSS Hay que … Lee más!

Efecto de superposición de menú con CSS y JQuery

En este tutorial vamos a crear un menú con un efecto de superposición (overlay) bastante logrado, en el que nosotros al movernos encima del menú, el fondo se volverá negro, mostrando únicamente el submenú que nos haya salido posteriormente. Esto lo haremos mediante CSS y JQuery de una manera fácil y sencilla. Recuerdo que podéis … Lee más!

Carrousel realizado con Basekit (CSS y HTML)

Desde Basekit he creado un artículo sobre como crear un carrousel de imágenes utilizando la herramienta Basekit, os cito un trozo del artículo y os enlazo hacia él: Hoy en nuestro Blog , tenemos la suerte de contar con uno de los mayores expertos en CSS para compartir sus conocimientos con nosotros. Se trata de … Lee más!

Detectar iPhone o iPad con CSS3 Media Queries

Los dispositivos como iPad e iPhone cada vez están más cerca de nuestra vida cotidiana, por ello hay que adaptarse a los nuevos tiempos y crear, estilizar y construir páginas adaptadas a los nuevos medios. De una manera muy sencilla, con el uso de CSS3 Media Queries podemos detectar si el usuario está usando un … Lee más!

Crea fácilmente botones 3D con CSS3 y Ruby

Alexis ha creado una fórmula para poder realizar botones en tres dimensiones con CSS3 y Compass, una extensión de Ruby, de forma sencilla y rápida. Únicamente hay que seguir estos pasos: Instalación de la extensión Cuando hayas descargado la extensión, únicamente será necesario incluirla en el sitio y realizar una referencia a ella: Configurando las … Lee más!

Efecto gaussiano con CSS3

Desafortunadamente CSS3 no dispone de ninguna característica para poder crear efectos gaussianos, pero podemos emularlo de forma sencilla si definimos un color transparente a la propiedad text-shadow. Por ejemplo, con esta estructura: Añadiendo este código CSS: Como dije anteriormente, la importancia reside en el color, que está definido en transparente. Puedes controlar la suavidad del … Lee más!

Text-stroke, borde en el texto con CSS3

Es muy fácil hacer borde en un texto con imágenes, con Photoshop, pero, ¿y si queremos hacerlo con CSS? Una nueva característica de CSS3, text-stroke, (aunque todavía no es parte de él) es la inclusión de borde en el texto, de una forma muy sencilla, tal y como nos tiene acostumbrados CSS3. Pero hay que … 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.