YAML – Generador de layouts basados en CSS

En algún post anterior hacía referencia a sitios web con layouts css para hacer C&P. Vía fresherswisdom.com he conocido YAML, una interesante aplicación online que permite, de modo visual, la creación de layouts «limpitos» de modo personalizado.

Mapas web con css

SlickMap CSS es un «simple» CSS para crear mapas web como estos a partir de listas HTML:

Increible lo que una simple hoja de estilo puede hacer (demo).

Visto en Dzone

Firefinder para Firebug

Siguen apareciendo extensiones para Firebug. La última que he encontrado se llama Firefinder y ofrece la posibilidad de acceder directamente a elementos HTML a partir de selectores CSS o expresiones XPath.

Visto aquí.

TIP HTML: Tabla scrollable con columnas y filas fijas

En el proyecto en el que estoy trabajando, el mismo que a duras penas me deja tiempo para blogear, tengo como requerimiento mostrar una tabla HTML con la cabecera y la columna izquierda fijas, de tal modo que el resto de la tabla sea «scrollable». Algo de este tipo:

Siguiendo mi política de no reinventar la rueda, he estado investigando el mejor modo de hacerlo y he encontrado dos soluciones un tanto artificiosas pero apañadas:

1. http://www.cubido.at/Default.aspx?tabid=176&EntryID=8
2. http://saloon.javaranch.com/cgi-bin/ubb/ultimatebb.cgi?ubb=get_topic&f=20&t=009273

Tras probar ambas y alguna otra aproximación, finalmente he optado por la segunda opción dado que apenas requiere de Javascript y funciona tanto en Firefox como en Explorer.

Layouts CSS

Existen por la web infinidad de sitios donde descargar layouts css listos para usar. Ninguno de ellos me acababa de convencer hasta que encontré CSSeasy. La verdad, crear un layout con css no tiene ningún misterio pero… para que molestarse en hacer uno desde cero si ya lo ha hecho otra persona por ti… no vayamos a incurrir en el antipatrón metodológico «reinventar la rueda» 😉

Otro sitio con layouts más conocido es y que también me gusta es http://bluerobot.com/web/layouts/

Plantillas web libres

Me gusta el diseño gráfico pero… no es lo mío. Si por cualquier circunstancia de la vida tengo que diseñar una web (algún proyecto personal, chanchullo, favor, etc) normalmente siempre echo mano de alguna plantilla libre que modifico según mis necesidades. Siempre me ha gustado Free CSS Templates. Free CSS Templates es un directorio con más de 300 plantillas que pueden ser usadas libremente siempre y cuando se cumplan los terminos de la licencia Creative Commons Attribution 2.5 License.

Recientemente he descubierto OSWD (Open Source Web Design). OSWD es similar a la anterior pero contiene más de 2000 plantillas también open source.

Ya no hay escusa para tener una web fea. Aunque los gustos son como los culos, cada uno tiene uno 😛

—-

Actualización (17 Agosto de 2008): Otra recurso más con licencia CC para el bote –> http://www.opensourcetemplates.org/