10 generadores de código CSS!

Ya les había comentado el otro día que para crear un theme en Wordpress, es necesario tener conocimientos de CSS, pues es lo más importante de un theme.  Está bien que sin tener básicos conocimientos de PHP,  tampoco podríamos tener un theme, pero no es mucho comparado con lo que debemos de conocer sobre CSS.

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.


Si te gustó este artículo, por qué no agregas nuestro Feed a tu lector favorito?


Si te gustó, compártelo:
  • Digg
  • del.icio.us
  • Facebook
  • BarraPunto
  • Bitacoras.com
  • email
  • Meneame
  • Print
Artículos Relacionados
  • Webdesigner Depot, masiva compilación de herramientas para webmasters y diseñadores web
  • I Like Your Colors, copiar la paleta de colores de un sitio web
  • Wordoff, limpia el código HTML de tu blog.
  • CornerShop, esquinas redondeadas en imágenes y contenido
  • Mailcounter, servicio que permite a tus lectores enviar tus posts por email
  • Instant Eyedropper, herramienta útil para desarrolladores web que identifica códigos de colores
  • 5 Responses to “10 generadores de código CSS!”

    1. Bitacoras.com Says:

      Información Bitacoras.com…

      Si lo deseas, puedes hacer click para valorar este post en Bitacoras.com. Gracias….


    2. A propósito de Hojas de Estilo « Atizereth’s Blog Says:

      [...] y la esperanza de la universabilidad de ciertos conocimientos en la Red. Te recomiendo este post de webblogstuff.com sobre generadores online gratuitos de código CSS que encontré muy útiles para quienes no somos [...]


    3. José Antonio Says:

      Excelente trabajo, Hector. Tu blog me ha resultado tremendamente útil.
      Un cordial saludo.
      José Antonio.


    4. Hector Russo Says:

      José Antonio,
      Gracias a ti por el comentario!
      Saludos

      Hector


    5. links for 2009-06-24 « Velaldo’s Weblog Says:

      [...] 10 generadores de código CSS! | Weblog Stuff Compilación de 10 generadores de código CSS (tags: Herramientas) [...]


    Leave a Reply

    XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>