Muchas veces comenzar a generar código desde cero y en forma manual es agobiante.  Muchos vuelven a reutilizar código y lo transforman a las nuevas necesidades, pero en la web y en forma gratuita, existen muchos generadores de código CSSS para distintos elementos que componen una página web.  Es por eso que realizé una compilación de 10 generadores de código CSS para facilitarles la existencia a los programadores y para aquellos que no lo son tanto

CSS Layout Generator

Con este generador de código CSS podemos generar una plantilla de ancho fijo o variable, con cabecera, hasta 3 columnas y pié de página.

CSS Menu Generator

Con este generador podemos crear menús de navegación de texto para un sitio web y para ello nos proporciona 4 estilos.  Además nos genera el código HTML necesario para publicar el menú.

Button Maker Online

Esta herramienta nos permite crear micro botones  de 80×15 ou 80×31, XHTML valido.

CSS Generator

Este generador de código CSS nos permite crear el estilo de un sitio web.   Este generador nos presenta un formulario muy simple que nos permite configurar las propiedades de las hojas de estilo.

Firdamatic

Firdamatic es un generador de plantillas sin tablas.  El mismo nos permite crear una plantilla en cuestión de segundos, aunque dependiendo de la complejidad de la misma.  Es gratuito para uso personal.

Rounded Cornr

Este es un simple generador de código CSS y HTML para tener cajas o botones con esquinas redondeadas, como bien vemos en la ilustración anterior.

Sky CSS Tool

Sky CSS Tool nos permite generar CSS Classes, con el menor esfuerzo de nuestra parte.  Para usar este generador debemos de tener un navegador compatible con Javascript.

QuickCSS - Online CSS Generator

Este es un generador muy rápido, completo y simple de entender de código CSS.

The Generator Form

Otro formulario para crear plantillas de hasta 3 columnas.  Muy completo y simple de usar.

Spiffy Corners

Este generador nos permite crear código CSS y HTML para obtener corners con anti-alias (anti-aliased corners) sin necesidad de usar imágenes o javascript.

Existe un generador que nos facilita en mucho la tarea de crear hojas de estilos para las plantillas de Movable Type, además del tiempo que nos ahorra, al no tener que crear el código en forma manual.  El generador es una herramienta del sitio Movablog y su uso es muy simple.

Primero elegimos el tipo de layout que queremos utilizar.  Puede ser de dos barras laterales a la izquierda, dos a la derecha, tres columns y una sola columna.  Presionamos Get Stylin y listo, pasamos a una página que nos muestra la plantilla terminada, con los estilos por defecto.

Esta plantilla está dividida en elementos y cada uno de los cuáles tiene un enlace, el cuál nos permite modificar los estilos de cada uno de esos elementos.  Esto lo hace en una ventana popup, en la que podemos cambiar cualquier aspecto que define cada uno de los elementos visuales que componen la plantilla.

El siguiente paso implica presionar Download the Style y automáticamente pasamos a una página en la que obtenemos el código que debemos copiar y aplicar a nuestro sitio.

Muy simple y flexible a la hora de configurar estilos.  Un recurso que todo usuario de Movable Type debe de tener en cuenta.

Enlace: Movalog Style Generator