WebAdictos - Una dosis diaria de web

Si necesitas ayuda para crear tu hoja de estilo, CSS Builder te puede servir, se trata de una herramienta que nos permite crear nuestra hoja de estilo de manera rápida. Su uso es simple primero seleccionamos el selector o la clase que queremos crear y despues seleccionamos la opciones que queremos para ese estilo las cuales estan divididas en Fuentes o Texto, Propiedades de la caja, Fondo, Posición, Propiedades de lista obviamente seleccionaremos las que necesitemos.

Despues de eso simpemente presionamos el botón Build It.

Enlace: CSS Builder
Vía: Xyberneticos

Si queremos optimizar el peso de nuestro sitio una buena forma es comprimiendo las hojas de estilo, ya hemos visto en webadictos herramientas para comprimir archivos javascript,  YUI Compressor que ademas de comprimir javascript tambien nos permite comprimir hojas de estilo. Pero nunca esta de mas otra herramienta. Se trata de CSS Compressor creada por CSS Drive la cual nos permite optimizar y comprimir nuestros archivos de hojas de estilo directamente en linea.

Su utilización es muy sencilla; pegamos todas nuestras clases en el area de texto, seleccionamos el nivel de compresión que deseamos y presionamos el boton compress it. En segundos nos presentara la versión comprimida de nuestro archivo CSS.

Muy útil cuando nuestras hojas de estilo estan muy pesadas y queremos ahorrar un poco de ancho de banda.

Enlace: CSS Compressor

Vía: BaluArt

YAML Builder es un generador de layouts CSS en linea bastante atractivo, ya que nos ahorra el trabajo y los dolores de cabeza al momento de crear templates. Lo mejor es que al terminar el diseño del layout (con sus columnas y demas) nos genera el código HTML asi como las hojas de estilo (tambien incluye un hack para IE) asi que no tendremos que preocuparnos por esa parte.

La aplicación nos da la posibilidad de escoger el número de columnas que deseamos y de añadir elementos a esas columnas, como pueden ser contenedores de textos, elementos de contenido (h1,p, etc..), asi como modificar los parametros de la hoja de estilo y otras opciones interesantes.

YAML Builder esta basado en el framework css YAML (Yet Another Multicolum Layout) que podemos descargar gratuitamente desde su web.

Enlace: YAML Builder / YAML

Posts Relacionados:

• Templates Web en CSS Gratuitas y listas para descargar
• Mas Layouts CSS Gratuitas
• Layouts en CSS gratis

Via: Ajaxian