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!
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!
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!
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!
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
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!
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.
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
