精选100个设计模板、代码、工具资源站

20年来,开源设计模式促进了网页设计的发展,下面这100个精选的开源设计站为我们提供了一些设计资源,给我们带来一些设计思路和灵感:


  1. OSWD
    : Over 2,000 of the best freebie web design templates. Also allows for search capability by color, contrast, validation, and other categories.
    OSWD
  2. OpenWebDesign:A large and active community of individuals who share free web design templates. Includes regular design contests and a sub-category of most popular designs to speed up your search.
    OWD
  3. Open Designs: Headed by a non-profit board, the open design community has almost 600 designs which have been vetted and moderated by the community’s volunteer board. Also includes a relatively active forum where designers can share tips and resources.
    OD
  4. CSS Tinderbox: CSS Tinderbox prevents you from having to “reinvent the wheel” by providing very basic, yet solid, CSS/XHTML design templates from which you can build off of.
    CSST

Open Source Web Design Programs

Why pay for software if you can find it free? Usually, the answer is that the free stuff just plain isn’t any good. You won’t find that to be the case with the open source web design software programs in this section, however, which are all the best of the best.

  1. Nvu: An open-source web authoring system to rival FrontPage and Dreamweaver. (Linux, Windows, and Mac)
  2. Cssed: A CSS editor featuring auto completion, syntax highlighting and validation. (C, C++) (Linux)
  3. Quanta Plus: A top-notch HTML editor and web development for the K Desktop Environment.
  4. Bluefish: An HTML editor for programmers written using GTK, designed to save the experienced webmaster some keystrokes. (C) (GNU/Linux, Unix)
  5. GIMPShop: The open source replacement for Photoshop. (Mac, Linux, and Windows)
  6. Inkscape: The vector graphics application which may spell the end for Adobe Illustrator.

Complete Web Design Templates

If you want to get off the ground with your website quickly, then you may want a complete template that requires minimal tweaking. In this section we highlight some of the best complete template resources on the web. These templates include not only the CSS, but also the (X)HTML and in some cases the graphic files to get your site up as fast as possible.

  1. TemplateNavigator: The largest catalogue of free website and flash templates, along with quality preview shots.
  2. TemplateBox: Over 300 freebie website, logo, banner, and flash templates to complement their collection of paid offerings.
  3. Template Monster: A small but very high-quality set of web, flash, and blog templates.
  4. Art for the Web: 75 freebie templates. Pretty good place to look if you’re looking for something slightly out of the ordinary.
  5. Free CSS Templates: A 206 template strong resource which is frequently updated with new submissions.
  6. Effex-Media: Free website templates designed by designers, this massive list is categorized by website type and includes user reviews of many of the templates.
  7. DotcomWebDesign: Hundreds of free templates, some of which are really top-notch. However, the categorization is a little arbitrary so be ready to spend some time manually searching.
  8. Themebot Design Templates: This site has some design templates, but not very many. There is a good amount of free themes.
  9. Groovy Lizard: Personal page templates (commercial use must buy a license)
  10. Interspire: Freebie web, Frontpage and Dreamweaver templates
  11. Joyful Heart Designs: Personal page templates generally with floral designs.
  12. OpenSourceTemplates: Free CSS and xhtml open source website templates and Web 2.0 designs.
  13. Ricky’s Web Templates: 50+ freebie templates, graphics, and buttons.
  14. Free CSS Templates: A dozen full-featured fully functional CSS based templates.
  15. FreekTemplates.com: A collection of business, cars and bikes, and hosting templates.
  16. Template Perfection: 200+ freebie templates with quite a few non-english oriented templates.
  17. TemplateWorkz: 48 freebie web templates, along with some basic logo and newsletter templates.
  18. Zymic: 80 freebie templates (HTML Pages + CSS + Images + PSD Files + Blank Images Files).
  19. OpenSourceTemplates: A community-driven CSS and xhtml open source template design showcase.
  20. Freelayouts: HTML and Flash templates.
  21. FreeCSSTemplates.org: Over 100 freebie CSS templates.
  22. Free Layouts: Complete list of hundreds of HTML, flash, and CSS templates.
  23. Free Templates Online: Dozens of easily customizable templates categorized by theme.
  24. Free Website Templates: A large collection of templates that don’t require a reciprocal link.
  25. Six-Shooter Media: Free CSS and xhtml open source templates.
  26. Free Flash Template: Web templates and intros with tons of special features.
  27. Layouts4Free.com: Free web layouts with search capability.
  28. Solucija: Free XHTML / CSS website templates already setup and sorted by commercial use.
  29. MasterTemplates: Professionally designed free website layouts along with PowerPoint templates.
  30. TemplateWorld: Free, tableless, W3C-compliant web design layouts designed by Template World designers.
  31. Painted Pixels: Free web page templates, buttons, and background tiles for non-commercial use.
  32. CSSFill: A selection of CSS / XHTML based layouts and templates by Michael Strand.
  33. ThemesBase: Templates organized by popular content management, blogging and forum systems.
  34. Arcsin Design Templates: 22 Freebie XTML and CSS Templates
  35. Snakeye Web Templates: 20 templates with a focus on Dreamweaver and Fireworks.
  36. Steve’s Templates: Dozens of templates, free with link back.
  37. GordonMac.com: Free CSS templates along with some freebie PHP scripts.
  38. Web Design Helper: Full page templates including the graphics and code.
  39. Webmaster Resources: 25 free web templates.

CSS Layouts

If you’re looking for the freedom to create something entirely original but just want some of the basic layout taken care of, this section is for you. The templates below are pure CSS, leaving you a clean slate from which you can add the design, graphics, and text as you see fit.

  1. Layout Gala: 40 CSS tri-color layouts to help you pick a format.
  2. AndreasVilkund.com: Free Templates by designer Andreas Viklund.
  3. CSS Template Directory: A collection of CSS formatted page templates, developed and distributed by different designers.
  4. BenMeadowcroft.com: Top-notch web design templates by Ben Meadowcroft, mixed in with a few spoof pages and experimentation.
  5. Mollio: A set of basic CSS templates that that also have some sample basic content to speed things along.
  6. Real World Style: CSS layouts organized by format type.
  7. Little Boxes: CSS template arrangements with quickly accessible code.
  8. The Layout Reservoir: Simple, straightforward, and manipulable 2 and 3 column layouts.
  9. Protagonist Web Resources: A list of 43 tableless layouts to go along with the other protagonist resources.
  10. Glish: CSS Layout Techniques by Eric Costello which have been stripped down to the bare essentials.
  11. FU2K: CSS layouts designed for Netscape 4 compatibility.
  12. Position is Everything: Tableless design resource with CSS bug workarounds.
  13. ThreeColumnLayouts: The ultimate 3 column layout resource list.
  14. ssi-developer: Two column CSS template samples with recommendations.
  15. MIS Web Design: Fancy Paragraphs with CSS.
  16. Ruthsarian Layouts: Freebie-CSS layouts ranging from basic to complex arrangements.
  17. A List Apart: CSS: Practical CSS Layout Tips, Tricks and Techniques
  18. Code-Sucks.com: Creating 1, 2, 3, and 4 column layouts.
  19. Particle Tree: Dynamic resolution dependent layouts.
  20. Project Seven: Fluid CSS Layouts
  21. MyCelly: A collection of 16 basic layout templates.
  22. Ideas: 12 free CSS templates.
  23. CSS Library: Dynamic drive’s tableless CSS layouts.
  24. IntensiveStation: A collection of all new basic CSS templates.
  25. IronMyers: A collection of layouts with full Grade-A browser support for IE6, IE7, Firefox, Opera, Safari, and more.
  26. The CSS Playground: Cutting edge CSS demos by Stu Nicholls’
  27. WordPress Theme Viewer: Collection of searchable themes organized by columns, colors, rounded corners, and other categories.
  28. Fluid 2-Column Template: A fully usable “fluid” template, meaning that the design expands and contracts with the window size.
  29. Avinash 2.0: 12 Free CSS Templates

Automated CSS Tools and Generators

This set of resources isn’t for those that want to create something entirely unique. But if you aren’t a strong coder and just want to get the job done, these automated CSS code tools will let you create CSS at the push of a button.

  1. CSS Creator: Select the form colors, number of columns, html version, and press a button. Presto, a CSS template for your page.
  2. Inknoise: The layout-o-matic: fill out the form and out pops your CSS.
  3. Strange Banana: Simply refresh the template generator until you get the style you like, then save the page which has your CSS embedded in the header.
  4. Nidahas: A CSS-based form template.
  5. Maketemplate: A PHP – HTML – CSS template generator for two column layouts.
  6. IBDjohn: CSS template generator for three column layouts.
  7. TemplatR: Another easy CSS template generator.
  8. PsycHo: Your own psychogenesis, your own web design template.
  9. Firdamatic: Tableless 2 or 3 column layout generator.
  10. WordPress Theme Generator: Online generator creates custom unique WordPress themes.

Blog Themes and Templates

Designing blogs has become so popular as a subset of web design that we thought they deserved their own separate section. In this section, we highlight some of the best open source weblog template sources.

  1. SmashingMagazine: 83 Beautiful WordPress Themes You (Probably) Haven’t Seen
  2. Kaushal Sheth: Elegant WordPress themes.
  3. ErraticWisdom: Textpattern templates
  4. Scribez: 10 Best WordPress Templates.
  5. pinkdesign: Free diary / blog templates
  6. Textgarden.org: The official site for themes designed for Textpattern.
  7. Blogger Templates: A collection of Blogger templates on a wide variety of themes.
  8. Blogfashions: A collection of free Movable Type compatible blog templates.
  9. FinalSense: High-quality templates for Blogger.
  10. WP Themes: WordPress themes all designed by Sadish Bala.
  11. Drupal Theme Garden: Showcase of themes available for Drupal 4.7x and Drupal 5.x.
  12. Weblog Design: A small number of high-quality weblog templates.

落花生

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2013.12.26

    联想Thinkpad E420/E440 快捷键如何切换设置

    用了E440已经有几天了,整体来说还将就着用…

  2. 没有图片

    2015.05.30

    WordPress短代码实现移动设备上内容不可见

    许多人也都开始对自己的站点进行了移动设备适配…

  3. 没有图片

    2009.12.20

    40款最漂亮的PhotoShop特效文字制作教程

    刚刚在让你桌面酷炫无比的桌面图片一文为大家整…

  4. 没有图片

    2014.01.07

    Windows 8.1 系统镜像备份/恢复教程

    在 Windows XP 系统,我们习惯使用…

  5. 没有图片

    2011.11.21

    推荐一款HTML5 WordPress主题: MetroWP

    自从写了几款主题之后,就很少去为大家推荐主题…

  6. 没有图片

    2010.03.22

    Windows 7 硬盘全新安装教程

    MSDN Windows 7 专业版 | W…

评论

  1. 51biger 2010.02.02 10:21下午

    可惜是英文看着累

  2. Rusaer 2010.02.02 4:17下午

    哇塞,好文,收藏了
    .-= Rusaer的最新日志:一切都是那么的合理 =-.

  3. Tangboke 2010.02.01 1:25下午

    不错。我看得懂。没什么难的。
    .-= Tangboke的最新日志:国内广告联盟横评:谁是最好的广告联盟? =-.

  4. 宁波SEO 2010.01.31 4:25下午

    呵呵 都不错

  5. 勇者审判 2010.01.31 11:27上午

    要是中文就 好了。
    .-= 勇者审判的最新日志:斗地主各种牌路分析 =-.

  6. hxyhbkj 2010.01.30 4:25下午

    太强悍了,太多了 呵呵
    .-= hxyhbkj的最新日志:斗地主各种牌路分析 =-.

  7. zwwooooo 2010.01.30 1:52下午

    很多,可惜都是英文,看不懂只能囧

  8. 江流 2010.01.30 1:03下午

    很多 很多 真的很多
    .-= 江流的最新日志:江流 关于 江流最近在追求一件人生大事 的评论 =-.

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!