sin miniatura

Letras encima de otras con CSS

Es bonito que varias letras se superpongan encima de otras. Si lo hacemos bien, podremos crear un bonito diseño, que puede ser el logo de nuestro sitio, por ejemplo.

sin miniatura

Bordes redondeados en Webkit mediante CSS

Una forma fácil de crear bordes redondeados en navegadores web que funcionen con el motor WebKit (Como por ejemplo: Safari). Cabe decir Safari con su motor Webkit ha superado el acid test. AVISO: ¡Este truco no funciona con Internet Explorer o Firefox, ya que no funcionan mediante el motor Webkit! Ver ejemplo de su funcionamiento … Lee más!

sin miniatura

Obtén la estructura CSS con CSS Frame Generator

CSS Frame Generator es una herramienta online que nos permitirá saber la estructura CSS que debemos darle a nuestro documento HTML. Con solo escribir el código HTML, nos dirá que estructura deberemos darle a CSS. Claro está, el código que te da en CSS es vacío, pero sigue una estructura, por ejemplo: Ver herramienta online: … Lee más!

sin miniatura

Crear letras capitales con CSS

Las letras capitales pueden quedar muy bonitas en nuestros documentos, así que, ¿porqué no aprender a crearlas mediante CSS? Para crearlas, solo debemos incluir este código CSS en nuestro documento: Después, debemos incluir nuestro texto mediante un párrafo, entre las etiquetas tu texto . Automáticamente la primera letra del párrafo aparecerá con un toque elegante. … Lee más!

sin miniatura

Renderizar más rápido las tablas con CSS

Si usamos tablas, lo mejor es aplicarle un poco de CSS para renderizarlas y hacer más rápida su velocidad de renderización. La propiedad es table-layout, y nos permite indicar si queremos que la tabla se dibuje con unos anchos fijos o dependientes del contenido. Para ello, tenemos dos opciones: Si elegimos el valor fixed, podremos … Lee más!

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!

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.