PortadaCSS Medio

Efecto Hover PizzaTime con transiciones y pseudo elementos CSS

Si alguno de vosotros conocéis PizzaTime.com, sabréis que en el sitio web tienen un curioso efecto hover en sus cajas de navegación, que pasan a ponerse desde un fondo blanco a uno rojo, es decir, cuando pasamos el cursor por una de ellas pasan de estar así: A estar así: Un cuadrado rojo se va … Lee más!

Barra de progreso de carga automática gratis para tu sitio web

Añadid Paje.js y un archivo CSS a tu elección y voilá! Tendréis una bonita barra de carga para tu sitio web con navegación AJAX totalmente gratis. No es necesario ser un usuario avanzado para incluirlo en vuestra página web, el progreso es detectado automáticamente. Simplemente elegid el color de vuestra elección, y escoged entre la distinta gamas de … Lee más!

Z-index, propiedad CSS

La propiedad z-index, de CSS, nos ayudará a determinar qué elementos se superponen con los otros. Variando el valor de dicha propiedad, daremos el orden a la superposición de los elementos, a menor valor, mayor profundidad de superposición. Por ejemplo tenemos dos div en el que hay dos imágenes, una con CSSBLOG y la otra … Lee más!

Tips al definir tu CSS para una web seria y formal

¿A que tú también te has dado con páginas web cuyo diseño gráfico no tiene nada que ver con sus contenidos o con lo que quiere transmitir? Se da una disonancia entre los contenidos y la presentación, que sin dudas repercute (para mal) en la experiencia del visitante, y en definitiva conspira contra la finalidad … Lee más!

Efecto POP en cajas con CSS

Si deseas lograr un efecto POP en las cajas de texto, en este artículo te enseñaré cómo debes hacerlo. Viendo a Chris Coyier quise compartir este artículo, en el que aprenderás a crear este llamativo efecto con las cajas de texto  realizado integramente con CSS, como el de Pop Agency. Ejemplo en Codepen Las cajas … Lee más!

Limpiar floats con overflow

Uno de los problemas más comunes cuando usamos floats es que el contenedor wrapper que envuelve a los demás elementos no se expande a la altura de los elementos hijos. La solución típica a esto es añadir un elemento con clear float después de los elementos flotantes o un clearfix al wrapper. Otra solución, vía … Lee más!

Normalize, la moderna alternativa a los Reset CSS

Muchos de nosotros hemos estado usando a lo largo de los últimos años, varias técnicas para resetear CSS, debido a que muchos navegadores tienen su propio CSS y es mejor tener todo el CSS estandarizado, pero resetear CSS tiene algunas desventajas y está anticuado hoy en día, así que una alternativa que seguramente estaréis usando … Lee más!

Pedro Corchero Murga

¿Qué es CSSBlog ES?

Hola, soy Pedro Corchero Murga. Mi objetivo es reunir recursos, guías y contenidos acerca de 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.