sin miniatura

Crear un borde “inline” a una imagen mediante CSS

Para crear un borde inline(interior) a una imagen con CSS, tendremos que seguir estos pasos: En el código HTML, ponemos este div, llamando al estilo que luego definiremos en CSS: Después, vamos a crear el código CSS al que llama el div: Si deseamos hacerlo con otras imágenes, tendremos que insertar esto en el div … Lee más!

sin miniatura

Añadir un icono de “cargando” en tus imágenes con CSS

Algunas imágenes tardan en cargar mucho, tanto que el visitante empieza a perder la paciencia y acaba por irse (Sobre todo si tiene una baja velocidad de conexión). Así que, para evitar esto, aquí os mostramos un truco con el que podremos añadir un icono de cargando (que puede ser personalizado por nosotros mismos) a … Lee más!

sin miniatura

Crear barra animada en CSS

Una técnica muy sencilla para crear barras de progreso animadas, utilizando solamente 3 elementos, un contenedor y 2 elementos anidados. Es muy fácil personalizarla, y utilizarlas en nuestros proyectos. Ver demo de la barra animada Descargar la barra animada Más información Vía | Xybernéticos

sin miniatura

Menú elegante en CSS

Me ha sorprendido este menú, ya que siendo hecho en CSS, es muy original, y solo consta de varias imágenes, y encima es liviano. No falta decir que hay una gran lista de menús hechos en CSS en esta categoría. Descargar menú Ver demo del menú en funcionamiento

sin miniatura

Saber trabajar con CSS en Internet Explorer 8

Debemos conocer la forma en la que implementar CSS en cada navegador para que cumplan los estándares, y en el navegador de Microsoft, Internet Explorer 8, no queda más remedio que conocer la propiedad -ms, el nuevo prefijo de Internet Explorer 8.

sin miniatura

Personaliza tu texto con CSS Type Set

CSS Type Set es una herramienta online para dar estilo a tu texto de manera sencilla. Le iremos dando estilos a nuestro texto, por ejemplo, ponerlo en negrita, cursiva, espacio entre líneas… Y el se encargará de ir “traduciendo” lo que le hemos dicho a código CSS, y por supuesto, aplicarlo al texto que hayamos … Lee más!

sin miniatura

El selector :not() de CSS3

El selector :not() es un selector nuevo para CSS3, que nos permite negar las búsquedas que estabamos haciendo. Un ejemplo del mismo en el salto de la página (Clickar en “Leer más”)

Ver artículos destacados »
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.