sin miniatura

Mostrar u ocultar enlaces con CSS

A veces en un grupo de texto (un párrafo, por ejemplo), tenemos muchos enlaces, algunos queremos que destaquen más que otros. Seguimos dándole al coco y no podemos hacer nada para que esos enlaces destaquen sin estropear el diseño. ¿Porqué no ocultamos los menos importantes para que se muestren solo cuando pongamos el cursor encima … Lee más!

sin miniatura

Crear un slideshow con CSS y JQuery

Hay muchas formas de presentar imágenes para enseñarlas a los usuarios. Una de ellas es el rotador de imágenes. Con HTML, CSS y un poco de JQuery podemos crear una forma de ver nuestras imágenes de forma amena, sencilla y eficaz.

sin miniatura

Grabado de texto con CSS

Hay muchas técnicas de grabar un texto. Apple utiliza mucho esta técnica últimamente, por ello queremos enseñarla para que la podáis usar. Existen varios tipos:

sin miniatura

Evita spam invirtiendo tu email con CSS

Todo el mundo odia el spam. A nadie le gusta llegar a casa y encontrarse una pila de correos basura. Esto tiene varias soluciones, una de ellas la podemos conseguir usando CSS. Con este hack podremos invertir nuestra dirección de email, consiguiendo que los robots spam no puedan leer nuestra dirección y enviar publicidad a … Lee más!

sin miniatura

Emular un dock de MacOS con CSS Animations

Gracias a CSS Animations las posibilidades al programar con CSS se multiplican. Podemos hacer, por ejemplo cubos en 3D o un Pong. Esta vez enseñaremos a crear un dock parecido al de MacOS, utilizando únicamente CSS Animations. Compatible con Firefox 3.5+ (Aunque no funciona correctamente el efecto de transición) y Safari 3+ y 4+. No … Lee más!

sin miniatura

Efecto de imagen borrosa con CSS

Cuando definimos una imagen de fondo en CSS, podemos indicar su posición (background-position). Pero a mucha gente se le olvida que hay otra propiedad muy interesante llamada background-attachment. Mediante dos imágenes de fondo podremos crear un efecto de imagen borrosa. El primer fondo, sólido, se coloca debajo del segundo fondo, que es la misma imagen … Lee más!

sin miniatura

Solucionar errores comunes de CSS con Javascript

CSS nos puede dar muchos quebraderos de cabeza si no sabemos usarlo bien. Aunque respetemos los estándares siempre hay navegadores que no lo interpretan correctamente (Por ejemplo algunas versiones de Internet Explorer). Pero esto se puede arreglar, por ejemplo, con Javascript. Podemos usar Javascript para arreglar errores comunes en CSS, tales como las alturas de las … 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.