CSS

Cómo crear una lista distribuida en varias columnas con CSS

Ayer se ha publicado un buen artículo en Una Lista Aparte (ala), sobre el diseño de listas (que coincidencia no), esta vez, en múltiples columnas.

Paul Novitsk expone seis métodos con los cuales se pueden obtener el mismo diseño, aunque no el mismo resultado.

Aquí resumo lo que ha mi parecer son la esencia de las técnicas.

¿Por qué necesito mostrar una lista en varias columnas?

Envolver una lista en varias columnas puede eximir a nuestros visitantes de la necesidad de leer una lista, varias veces, extensa (es decir, favorecemos su lectura). Una lista de tres o de cuatro columnas puede ocupar el ancho de la página web mientras que la lista de una columna, dependiendo del diseño, puede parecer anémica.

En realidad, hay tantos motivos para envolver las listas cuantos diseñadores Web existan: Definitivamente más que unos pocos.

Crear una Barra de Porcentajes con CSS

Ha algún tiempo mostré Como crear un Menú Rollover con CSS y una sola imagen basado en la propiedad background-position de CSS.

Pues hoy, navengando por LdaBlog encuentro un interesante artículo que explica como crear una barra de porcentajes con CSS, mantiendo básicamente el mismo principio (el uso de la propiedad background-position) para conseguir el cambio en el gráfico.

Creando un Raiting Star con CSS

En muchos sitios web, suelen ponerse valoraciones (a los productos en las tiendas on line, a las noticias en los portales, etc.). La mayoria utilizan un diseño con números del 1 al 5 por ser lo más práctico, y cuando colocan un diseño con imagenes (estrellas por ejemplo), lo hacen con javaScript para darle el efecto.

Este tutorial te muestra como crear el diseño de un Raiting Star sólo con CSS, práctico, sencillo y con un código muy limpio.

Páginas

Subscribe to RSS - CSS

Tutoriales

Cómo descargar videos de VK.com
En este artículo voy a explicar como descargar videos y películas...
Descargar Facebook Móvil Gratis
Por si aún no lo han hecho, es posible descargar Facebook Móvil...
Cómo generar tráfico web con las redes sociales - Paso a Paso
Muchas empresas están publicando contenidos como la forma de crear...

Artículo Recomendado

3 Tips cruciales para recuperar archivos eliminados
¿Te imaginas perder el trabajo de toda una semana en tan solo unos segundos? Todos hemos pasado por este problema. Quizás eliminamos por error un archivo importante o lo borramos sin pensar que era valioso para otro... más