Recursos gratuitos para el diseño web

El modelo “Open source” ha probado (en los ultimos 20 años) que el desarrollo colaborativo es la mejor forma de incorporar las nuevas ideas y los ultimos conceptos al diseño.

De hecho, el modelo open source, el cual lo empezaron los programadores, está siendo tan satisfactorio, que actualmente está siendo utilizado por gobiernos, medios de comunicación, centros educativos y negocios privados. En este artículo, os ofrecemos recursos/herramientas open source para el diseñadores web.

Los mejores directorios de plantillas open source

  1. OSWD: Más de 2,000 plantillas gratis. Permite buscar por color, contraste, validación y otras categorias.
    oswd.jpg
  2. OpenWebDesign: Una gran y activa comunidad de usuarios que comparten plantillas gratis. Incluye concursos de diseño y una categoría de diseño más populares.
    owd.jpg
  3. Open Designs: Dirigida por una equipo sin ánimo de lucro; tienen más de 600 diseños, los cuales han sido clasificados por la comunidad de usuarios. También tienen un foro donde se puede compartir trucos y recursos.
    od.jpg
  4. CSS Tinderbox: CSS Tinderbox te ofrece recursos y plantillas CSS/HTML para que puedas evitar tener que “reinventar la rueda”.
    csst.jpg

Programas de diseño Open Source

  1. Nvu: El rival de FrontPage y Dreamweaver. (Linux, Windows, y Mac)
  2. Cssed: Editor CSS con auto completado, ayudas en la escritura y validación. (C, C++) (Linux)
  3. Quanta Plus: Magnífico editor HTML para los entornos K Desktop de Linux.
  4. Bluefish: Editor HTML para programadores. Escrito usando GTK, diseñado para ahorrarle tiempo al webmarster experimentado (C) (GNU/Linux, Unix)
  5. GIMPShop: El sustituo open source de Photoshop. (Mac, Linux, and Windows)
  6. Inkscape: La aplicación de dibujos vectoriales que le hace la competencia a Adobe Illustrator.

Plantillas completas para webs

  1. TemplateNavigator: El mayor catalogo de plantillas (incluidas Flash). Incorpora previsualizacion de las plantillas.
  2. TemplateBox: Más de 300 recursos gratis: logos, banners, plantillas flash.
  3. Template Monster: Conjunto pequeño pero de gran calidad de plantillas web, flash y blogs.
  4. Art for the Web: 75 plantillas. Si buscas algo fuera de lo común…
  5. Free CSS Templates: 206 plantillas. Se actualiza muy a menudo.
  6. Effex-Media: Plantillas web profesionales. Incluyen comentarios de los usuarios.
  7. DotcomWebDesign: Cientos de plantillas gratis, algunas de ellas muy buenas. El sistema de categorias no es muy bueno.
  8. Themebot Design Templates: No hay muchas plantillas…
  9. Groovy Lizard: Plantillas para uso personal. (para usarlas comercialmente es necesario una licencia)
  10. Interspire: Plantillas para Frontpage y Dreamweaver.
  11. Joyful Heart Designs: Plantillas para uso personal con diseños florales.
  12. OpenSourceTemplates: Plantillas con diseños web 2.0.
  13. Ricky’s Web Templates: 50+ plantillas, banners y logos.
  14. Free CSS Templates: Una docena de plantillas CSS.
  15. FreekTemplates.com: Una colección de negocios, coches y motos y plantillas de empresas de alojamiento web.
  16. Template Perfection: 200+ plantillas.
  17. TemplateWorkz: 48 plantillas web, logos y boletines de noticias.
  18. Zymic: 80 plantillas (HTML + CSS + Imagenes + Archivos PSD).
  19. OpenSourceTemplates: Portfolio de plantillas CSS y xhtml.
  20. Freelayouts: Plantillas HTML y Flash.
  21. FreeCSSTemplates.org: Más de 100 plantillas CSS.
  22. Free Layouts: Cientos de plantillas HTML, flash, y CSS.
  23. Free Templates Online: Docenas de plantillas divididas por categorias.
  24. Free Website Templates: Gran colección de plantillas.
  25. Six-Shooter Media: Plantillas CSS y xhtml.
  26. Free Flash Template: Plantillas web con presentaciones y multitud de efectos.
  27. Layouts4Free.com: Diseños gratuitos.
  28. Solucija: Plantillas XHTML / CSS gratuitas y ordenadas por actividades comerciales.
  29. MasterTemplates: Plantillas web y powepoints profesionales y gratuitos.
  30. TemplateWorld: Plantillas gratuitas.

Diseños CSS

  1. Layout Gala: 40 diseños CSS tri-color.
  2. AndreasVilkund.com: Diseños gratuitos de Andreas Viklund.
  3. CSS Template Directory: Una colección de diseños CSS.
  4. BenMeadowcroft.com: Plantillas profesionales por Ben Meadowcroft.
  5. Mollio: Conjunto de plantillas básicas CSS.
  6. Real World Style: Diseños CSS.
  7. Little Boxes: Plantillas CSS.
  8. The Layout Reservoir: Diseños de 2 y 3 columnas.
  9. Protagonist Web Resources: Una lista de 43 diseños sin tablas.
  10. Glish: Tecnicas de diseño CSS con Eric Costello.
  11. FU2K: Diseños CSS para Netscape 4.
  12. Position is Everything: Diseños CSS.
  13. ThreeColumnLayouts: Diseños con 3 columnas.
  14. ssi-developer: Diseños CSS con 2 columnas.

Generadores de plantillas CSS

  1. CSS Creator: Selecciona los colores, numero de columnas, version html y aprieta el botón. Ya tienes una plantilla CSS para tu web.
  2. Inknoise: Generador de plantillas CSS.
  3. Strange Banana: Otro generador de plantillas CSS.
  4. Nidahas: Formulario web basado en CSS.
  5. Maketemplate: Generador de plantillas PHP – HTML – CSS con formato de 2 columnas.
  6. IBDjohn: Generador de plantillas CSS para 3 columnas.
  7. CSS Creator: Generador de plantillas CSS con opcion para columnas flotantes.
  8. PsycHo: Tu propia plantilla web.
  9. Firdamatic: Generador de 2 o 3 columnas.
  10. WordPress Theme Generator: Generador online de temas para WordPress.

Temas visuales para Blogs

  1. SmashingMagazine: 83 Temas de WordPress que probablemente aún no has visto.
  2. Kaushal Sheth: Temas de WordPress elegantes.
  3. ErraticWisdom: Plantillas para Textpattern.
  4. Scribez: 10 de los mejores temas para WordPress.
  5. pinkdesign: Plantillas para Blogs.
  6. Textgarden.org: Sitio oficial de plantillas diseñadas para Textpattern.
  7. Blogger Templates: Una colección de plantillas para Blogger.
  8. Blogfashions: Una colección de plantillas para Movable Type.
  9. FinalSense: Plantillas de alta calidad para Blogger.
  10. WP Themes: Temas de WordPress diseñados por Sadish Bala.
  11. Drupal Theme Garden: Temas diseñados para Drupal 4.7x y Drupal 5.x.
  12. Weblog Design: Plantillas para blogs.

Traducido a partir de este artículo

Joan Mira

Interactive web developer and creative technologist in London