Código limpio

Elements es un framework css que como sus autores proclaman fue pensado para ayudar a los maquetadores a escribir código CSS de manera más rápida y eficiente. Este framework está escrito a manera de template y contiene el código repetitivo que usamos para el maquetado de nuestros proyectos web.

Elements está conformado por 4 archivos, los cuales son llamados por un archivo general que linkea a los otros. De esta forma todo el css se carga de una sola vez.

Entre las principales características de Elements tenemos: Facililidad de implementar, poco peso, colección de clases prediseñadas y lo más importante, que es gratis.

Enlace a la página de Elements

Enlace para descargar Elements

Css juice fue quien reunió en un post estas 20 herramientas online para Css, donde encontraras: Compresores, optimizadores, generadores de layout, menus y más.

Compresores y optimizadores

• Codebeautifier
• Cleancss
• Cssdrive
• Icey
• Cssoptimiser
• Flumpcakes
• Prettyprinter

Generadores de layout y menus

• Csscreator
• Inknoise
• Firdamatic
• Pagemaker
• Qrone
• Scriptomizers
• Colly
• Webmaster-toolkit
• Listulike

Otras herramientas Css

• Roundedcornr Generador de border redondeados
  
• Theboxoffice Efectos para imagenes con Css
• Riddle Estima el valor en em equivalentes al tamaño en px
• Css-ref Valida el codigo Css
• Css Redundancy checker Te avisa si hay clases que no usas