sin miniatura

Guía de soporte CSS en clientes de email

Una lista muy útil que nos dirá que soporte de propiedades CSS tienen los clientes de email al presentar los emails en documento HTML,  para saber que funciona y que no funciona al escribir un mensaje. Podemos diferenciar entre clientes de correo electrónico web, o de escritorio. ver guía de soporte CSS en clientes de … Lee más!

sin miniatura

Precargar imágenes con CSS

Siempre es bueno que las imágenes tarden poco en cargar, para no impacientar al lector y que acabe por irse de la página. Para precargar imágenes mediante CSS, solo deberemos aplicar este código CSS: Después creamos un div que agrupe a nuestras imágenes precargadas. Ya está, ya tendremos esas imágenes precargadas antes de que se … Lee más!

sin miniatura

Popup de información en CSS

Algunas veces, con un enlace hacia una página no nos basta, y queremos que este enlace lleve algo de información. Se puede usar el atributo title=””, para hacer esto, pero, ¿no es más moderno utilizar CSS? Aquí aprenderemos a crear títulos para nuestros enlaces de forma vistosa, como véis en la imagen que ilustra el … Lee más!

sin miniatura

Crear Acordeon en CSS

Podemos crear un sencillo acordeón en CSS, que al pasar por encima se muestre, (se despliege), y si quitamos el cursor, vuelva a contraerse. Debemos seguir estos pasos:

sin miniatura

LightBox en CSS puro

Una manera sencilla de crear un lightbox para mostrar nuestras imágenes redimensionadas, de forma sencilla, y solo mediante CSS. Pasos a seguir:

sin miniatura

Crear mapa de imágenes estilo Flickr con CSS

En unos sencillos pasos podremos crear un mapa de imágenes parecido al que usa Flickr, que nos permitirá “etiquetar” nuestras imágenes al pasar el ratón por encima. Pasos a seguir:

sin miniatura

Guía sobre los comentarios condicionales

Para detectar qué navegador estamos usando, se utilizan los comentarios condicionales. Estos comentarios fueron creados por Microsoft y solo pueden usarse para el navegador creado por Microsoft, Internet Explorer. Se colocan entre las etiquetas y de nuestro documento HTML.

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