Portada » CSS Medio » Página 8

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

Forzar la barra de desplazamiento vertical con CSS

Alguna vez puede que deseemos mostrar la barra vertical de un bloque (texto, imágenes) de forma forzada. Ocultar la barra de navegación puede ser útil en el caso de tener contenido que no rebase el contenedor, pero si la siguiente página del sitio web es larga y requiere una barra de navegación o si usas … Lee más!

sin miniatura

Estilizar una lista con 1 píxel

Al igual que podemos estilizar una lista de forma compleja, también se puede hacer de una forma más simple, con sólo una imagen de 1 píxel (Ver imagen). Esta imagen puede dar mucho de sí, ya que con repeat-x podemos crear una línea horizontal y con repeat-y una línea vertical. Con un poco de imaginación … Lee más!

sin miniatura

Selector de productos estilo Apple con CSS & JQuery

Si deseamos crear un catálogo en nuestro sitio, podemos hacerlo con este selector de productos realizado con CSS y JQuery que os voy a mostrar a continuación. El selector está inspirado en el que Apple utiliza para sus productos. Lo primero que debemos hacer es descargar este set de efectos JQuery UI. Por supuesto tenemos … Lee más!

sin miniatura

CSS Inline-block Cross browser

Podemos aplicar la propiedad inline-block compatible con todos los navegadores (crossbrowser), si aplicamos este código a nuestra lista de items. Esto es gracias a la propiedad display:-moz-inline-stack (sólo Firefox) unida a la compatible por los demás navegadores (display: inline-block) y los comentarios condicionales. Por ejemplo: Más información aquí y aquí. Vía | ChrisCoyier

sin miniatura

Superponer contenido con CSS

Cuando queremos superponer un contenido, puede mostrarse el contenido nuevo encima del contenido original, reteniendo información que no deseamos mostrar y quedando un efecto un poco feo. En esta entrada aprenderemos a superponer contenido con CSS, cambiando el contenedor por otro, por lo que el contenido original no se mostrará. Esto puede hacerse con Javascript, … Lee más!

sin miniatura

Menú vertical con sólo 2 KB de CSS

Tutorialfeed nos envía un menú vertical creado con 2 KB de código CSS, parecido al menú vertical simple que os mostré, aunque un poco más sencillo. Todos los valores de este menú pueden cambiarse. Con un poco de imaginación podremos crear resultados muy buenos.

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.