Portada » CSS Avanzado » Página 7

sin miniatura

Varias soluciones a la transparencia PNG en IE6

La transparencia PNG en Internet Explorer 6 no es posible, pero podemos aplicar algunos hacks para, por lo menos, simularla. Anteriormente publiqué una entrada exponiendo algunas soluciones para hacer posible la transparencia en Internet Explorer 6. Ahora, os enseñaré otros métodos. En muchas ocasiones necesitamos usar imágenes .PNG en nuestros diseños, y también que se … Lee más!

sin miniatura

Modificar y expandir tu CSS con Rosemary

Todo el mundo busca que sus códigos CSS sean compatibles con todos los navegadores. Rosemary es un sistema de modificación basado en un filtro open source modular para archivos CSS (OSMCFBMS4CSS). Hay que destacar que no es un framework CSS. Todo el que lo desee puede ir creando filtros para Rosemary, solo es necesario tener … Lee más!

sin miniatura

Gráfica de compatibilidad de navegadores con WebKit

Los navegadores basados en Webkit cada vez van siendo más compatibles, pero aún falta bastante para que todos tengan el mismo índice de compatibilidad. Desde Ajaxian nos muestran una gráfica comparativa de compatibilidad de todos los navegadores que utilizan como motor de renderizado a WebKit. Safari 4.0 está en primer lugar (94%), seguido por la … Lee más!

sin miniatura

Detectar la resolución de la pantalla y aplicarle estilos

Quizás alguna vez hemos tenido la necesidad de aplicar estilos según la resolución de la página. En esta entrada aprenderemos como detectar dicha resolución y aplicarle estilos, gracias a Javascript. El primer paso será cargar las hojas de estilo, la librería JQuery y nuestro código Javascript. Vamos a detectar si la resolución del usuario es … Lee más!

sin miniatura

Vídeo: CSS orientado a objetos (Object Oriented CSS)

Cada uno tiene su manera de programar y formatear el código CSS. En este vídeo quieren proponer que definamos módulos u objetos como contenedores, atendiendo no a su presentación, si no a su forma. Nicole define estos objetos como Legos, al identificarlo con las piezas de un puzzle. Os enseñarán a usar CSS orientado a … Lee más!

sin miniatura

Diferente CSS por categoría en WordPress

Todo el que tenga un blog realizado en WordPress podrá cambiar el código CSS de cada categoría (colores, fondos, texto…). Si deseamos tener un estilo distinto para cada categoría, en esta entrada explicaré como realizarlo de forma fácil. Este es el código a añadir en el archivo header.php de tu plantilla: Si observamos el código … Lee más!

sin miniatura

Galería con efecto de escala de grises mediante CSS y JQuery

Mediante CSS Sprites y JQuery podemos crear un efecto al aplicar :hover (posicionar el cursor encima) de un bloque, dándole a este una cambio de colores a escala de grises, como dice Sohtanaka. Esto puede resultar útil en portafolios, pero no recomiendo usarlo en proyectos grandes.

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.