100 OpenSource Webmaster Tools.

In this article , published the day before yesterday on DesignVitality , the authors provide 100 tools for the Web Wizard, including open source designer programs, open templates and resources.

The best portals with open site templates

There are many free templates on the web, but often looking for suitable ones can be very long, so we suggest you visit the following four sites first:

1. OSWD : More than 2? 000 free site templates. The ability to choose a pattern in color, direction and structure.
   
2. OpenWebDesign : A large community of designers who share their templates for free. Often held internal competitions. Convenient search system.
   
3. Open Designs : The portal belongs to a non-profit organization. Contains more than 600 templates selected by the community. It also has an active forum where designers share experiences and tips.
   
4. CSS Tinderbox : CSS Tinderbox advises not to “reinvent the wheel” if you need a simple CSS / XHTML template that you can take from this portal.
   

Open design programs

Why pay for the program, if there are free analogues. Many believe that free software may not be of high quality, but it is not. The following are the best open source software for the designer.

1. Nvu : A page layout program competing with FrontPage and Dreamweaver. (Linux, Windows, and Mac)
2. Cssed : CSS editor with auto-fill, syntax highlighting and validation. (C, C ++) (Linux)
3. Quanta Plus : A great HTML editor for KDE.
4. Bluefish : Development environment for programmers and webmasters. © (GNU / Linux, Unix)
5. GIMPShop : A great replacement for Photoshop. (Mac, Linux, and Windows)
6. Inkscape : An open vector editor, with features similar to Adobe Illustrator.

Ready Design Templates

If you want to quickly launch your website, then you need a template that does not require fine-tuning. This section presents the best portals that offer ready-made templates.

1. TemplateNavigator : The largest selection of free Web and Flash templates, accompanied by high-quality demonstration images.
2. TemplateBox : Over 300 free templates, logos and banners.
3. Template Monster : A small but high-quality collection of templates for Flash sites? a and blogs.
4. Art for the Web : 75 free templates. Great place if you are looking for something simple and original.
5. Free CSS Templates : 206 templates. Frequently updated portal.
6. Effex-Media : This is a list of all the templates.
7. DotcomWebDesign : Hundreds of free templates, some of which are really great quality. Unfortunately, the categories are a bit scattered, so be prepared to spend time searching for what you need.
8. Themebot Design Templates : Not a lot of templates for the site, but a good selection of designs for forums, blogs, etc.
9. Groovy Lizard : Templates for personal pages. For commercial use, you must buy a license.
10. Interspire : A nice selection of free templates.
11. Joyful Heart Designs : An interesting portal. Most of the patterns are associated with colors.
12. OpenSourceTemplates : Free CSS and XHTML open templates for web 2.0 design.
13. Ricky? S Web Templates : More than 50 free templates, pictures and buttons. * I do not understand what this site is doing here. Free copies are terrible, and to get access to the rest of the content you need to have a premium.
14. Free CSS Templates : Many functional templates on CSS.
15. FreekTemplates.com : A collection of templates for business, hosting, websites about cars and motorcycles, etc.
16. Template Perfection : More than 200 free templates.
17. TemplateWorkz : 48 free templates suitable for business card sites.
18. Zymic : 80 free templates (HTML Pages + CSS + Images + PSD Files + Blank Images Images).
19. OpenSourceTemplates : CSS and XHTML page layout templates.
20. Freelayouts : HTML and Flash templates.
21. FreeCSSTemplates.org : More than 100 free CSS templates.
22. Free Layouts : Hundreds of ready-made HTML, Flash and CSS templates.
23. Free Templates Online : Dozens of easily customizable templates, categorized.
24. Free Website Templates : A large database of templates that do not require links to the author.
25. Six-Shooter Media : Free CSS and XHTML open templates.
26. Free Flash Template : Free flash templates and presentations.
27. Layouts4Free.com : A nice collection of free templates, organized by category.
28. Solucija : Free XHTML / CSS templates for websites, ready to use.
29. MasterTemplates : Professional free templates for websites and PowerPoint.
30. TemplateWorld : Free templates designed by designers from Template World.
31. Painted Pixels : Free templates, buttons and background images for non-commercial use.
32. CSSFill : Selected CSS / XHTML templates from Michael Strand.
33. ThemesBase : A large collection of designs for forums, blogs, engines, etc.
34. Arcsin Design Templates : 22 Free XTML and CSS Templates
35. Snakeye Web Templates : 20 templates made in Dreamweaver or Fireworks.
36. Steve? S Templates : Dozens of templates. * Very ugly free templates
37. GordonMac.com : Free templates and scripts. The choice is small.
38. Web Design Helper : A good portal with free templates and graphics.
39. Webmaster Resources : 25 free templates.

CSS Layouts

If you need simple free page layout, then these resources are for you. You can use pre-defined CSS markup for your design.

1. Layout Gala : 40 CSS three-color layouts. Visual interface.
2. AndreasVilkund.com : Free templates by designer Andreas Viklund.
3. CSS Template Directory : Many CSS templates developed and distributed by many designers.
4. BenMeadowcroft.com : Top Class Layouts by Ben Meadowcroft.
5. Mollio : Excellent resource, with a few very functional templates.
6. Real World Style : CSS layouts, formatted.
7. Little Boxes : CSS templates with simple and clear code.
8. The Layout Reservoir : Simple two and three-column layouts.
9. Protagonist Web Resources : A list of 43 sites with CSS markup, some of which are covered here.
10. Glish : "Naked" markup by Eric Costello.
11. FU2K : CSS dimensions, designed to display correctly in Netscape 4.
12. Position is Everything : Contains many links to CSS resources.
13. ThreeColumnLayouts : A handy list of 3-column layouts ..
14. ssi-developer : A well-designed list of markup. The site has a lot of materials for the web master.
15. MIS Web Design : Unusual paragraphs (<p> ... </ p>) using CSS
16. Ruthsarian Layouts : A nice collection of layouts, ready-made menus and a few templates.
17. A List Apart: CSS : Many tips for webmasters, including CSS.
18. Code-Sucks.com : A lot of CSS layouts containing from 1 to 4 columns, and several ready-made Web templates.
19. Particle Tree : Dynamic layouts.
20. Project Seven : Some simple CSS layouts.
21. MyCelly : 16 simple markup templates.
22. Ideas : 12 free CSS templates.
23. CSS Library : Dynamic "tableless" CSS markup.
24. IntensiveStation : Some simple new CSS layouts.
25. IronMyers : A collection of markup supported by the most popular browsers, such as IE6, IE7, Firefox, Opera, Safari, etc.
26. The CSS Playground : Examples of CSS layouts, block design, menus, etc. * I liked very much
27. WordPress Theme Viewer : Standard WordPress Design Base. Excellent search engine by criteria.
28. Fluid 2-Column Template : An example of a ready-made dynamic template. Stretched to the width of the window.
29. Avinash 2.0 : 12 free CSS templates.

Tools and generators for CSS styles.

If you are not a very strong coder or you are looking for a simple solution for a standard style, then refer to the following tools. These resources will allow you in seconds, to get the CSS you need.

1. CSS Creator : Select the colors, set the number of columns, the HTML version and click on the button. Get a CSS template for your page.
2. Inknoise : Select the settings for your style and simply download the page to your computer.
3. Strange Banana : An interesting solution. Just update the generated page until you get what you need.
4. Nidahas : An example of a form made with CSS.
5. Maketemplate : Generates a site template using PHP, HTML, CSS, each block of which is loaded from a separate file using php.
6. IBDjohn : CSS markup generator for a 3-column site.
7. CSS Creator : A simple CSS markup generator with a choice of fixed or dynamic width and number of columns. * Repetition of paragraph 79. Author’s mistake.
8. PsycHo : "Your design is your character." A handy tool for creating templates.
9. Firdamatic : Generator of desktop-free two or three-column markup.
10. WordPress Theme Generator : Online WordPress Theme Generator .

Design for blogs.

Blogging has become a very popular area in web design, so we could not help but pay attention to these resources. Here we put the best open templates for web blogs.

1. SmashingMagazine : 83 great designs that you may not have seen yet.
2. Kaushal Sheth : Beautiful designs for WordPress .
3. ErraticWisdom : A collection of artwork for Textpattern .
4. Scribez : Top 10 WordPress Designs ..
5. pinkdesign : Free blog designs .
6. Textgarden.org : Official website design for Textpattern .
7. Blogger Templates : A variety of different designs for Blogger .
8. Blogfashions : Movable Type blog collection.
9. FinalSense : Designs for a good quality blogger .
10. WP Themes : WordPress designs designed by Sadish Bala.
11. Drupal Theme Garden : Designs for the Drupal engine.
12. Weblog Design : Not many designs for high quality blogs.