Barra estilo Facebook con CSS por Ribosomatic
Ribosomatic ha creado a petición de sus usuarios una barra inferior parecida a la de Facebook, donde se muestran las aplicaciones, el chat, y las notificaciones de Facebook, realizada con CSS y algunas imágenes. Es muy simple, pero un poco limitada, por lo que, si la sumamos a este artículo, obtendremos nuestra barra definitiva.
Elegante barra de navegación usando CSS
¿Necesitas una barra de navegación para tu sitio web? Este tutorial explica como diseñar una bonita barra de navegación mediante el uso de CSS, inspirada en Gettyimages. Es tan simple como otras que he descrito anteriormente, además de poder encontrar mayor inspiración en esta lista de menús horizontales.
5 bonitas estructuras de encabezados
En esta entrada os mostraré 5 ejemplos sobre encabezados, esa parte tan importante que aparece al comienzo de un texto. También la entrada sobre tipografías adecuadas para encabezados puede resultaros útil. Generalmente los encabezados contienen 5 elementos: 1- Título del artículo 2- Fecha de publicación 3- Nombre del autor 4- Categoría o etiquetas 5- Número … Lee más!
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!
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!
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!
¡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.
