The Open Source Toolbox For WebDesigners
If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!
To do this a Web designer needs the right tools. There are loads of such tools available. Unfortunately, most of them are under copyright law and come with a high price tag.
The solution for this dilemma? Open Source. Such tools provide another approach to web design. It becomes easier as Open Source tools give Web designers practical access to the source code, which means you can customize the tools as needed.
Today we take a look at some of these tools which can ease the job of a Web designer immensely. From text editors and templates to websites and communities, these Open Source resources are some of the finest in the field of Web design. Take a look.
Environmental, Eco Business, Organic, Beauty, Magazine and several other thematic Templates available free under Creative Commons license. Users are free to use the web templates as they like.
A community of Web designers and Site Owners sharing free web design templates and web design information. It includes regular design contests and a sub-category of the most popular designs to optimize your search.
This site needs no introduction as Template Monster is one of the most popular template sites containing a huge collection of high quality Free and Premium Templates.
There is a collection of about 5194 templates available on this site with daily additions. The Site contains CSS and Wordpress Themes as well as free PHP scripts.
Open Source Web design is another great site for downloading free web design templates as well as sharing your own with others. Currently there are 2080 free templates available on this site classified as Favorite, Most popular and In Use.
Free Templates Online provides free web Templates with the aim of making your website building process totally hassle free. The templates are managed in a number of categories including Business, Beauty, Cars, Education, Family and many more.
This Open Source community website provides thousands of CSS and XHTML based web templates which can be downloaded for free. The site has a total of 1369 templates available in addition to a handy forum.
Free CSS hosts a big collection of Free CSS Templates, Layouts and Tutorials. They claim that 689,104 websites have been created so far by using their Templates.
Myhedspace offers many Free Templates based on CSS and XHTML. The website is in an easy to use design offering all the latest designs.
This Site provides about 397 free CSS based Templates. They are lightweight and Table-Free Templates provided under the Creative Commons License. Templates are W3C compliant and valid.
From Templateworld, you can get templates that are free, tableless and W3C compliant. In addition, the site claims that all templates have been tested with major browsers and operating systems.
Flash Village is for Flash designers that want to share work, experience and ideas with a Flash design community. The templates are provided freely and can be used for your own private or commercial projects.
The Flash Template Section of Templateyes.com provides professional looking, yet cool Flash and Swish Templates which are free to download.
Templates offered by SwishZone are animated and can be quickly and easily customized with speed and ease to provide users with a high quality Flash Website.
Blogging Themes distributes blog theme-templates free of charge. Users can search amongst several Templates sorted in order of release Date.
From Free-Template-Design, you can get eye catching, clean looking Blogger Templates for Wordpress based on Joomla and Mambo. All can be easily modified and adjusted.
This website also offers several funky Free Blogger Templates more suited for your personal blog. Templates are offered in both “Classic” and “HTML” modes.
Although eBlog Templates.com collects web designs submitted by the staff and blogging community, anyone can download them for free. The owners claim that “Currently eBlog Templates.com is the only one stop shop for WordPress, Blogger, and Typepad blogging platform users.
NVU is a Web Authoring System that lets you create and manage web pages easily without any technical expertise or knowledge of HTML. Compatible with Linux Desktop, Microsoft Windows and Macintosh.
With CakePHP, you get a PHP framework that serves as an extensible architecture for developing, maintaining, and deploying applications for free.
CodeIgniter is another PHP Framework. Simple yet powerful, Code Igniter can be described as an elegant framework with a very small footprint. It helps PHP coders to create full-featured web applications.
This webpage contains source code for the W3C HTML Validator. This free service helps check web documents in languages such as HTML, XHTML, SVG, MathML, etc. Relatively easy to install on a number of platforms.
This free online tool allows you to generate your project in a couple of minutes using code generation. Create and manage your projects through the GENNIT Dashboard and the online GENNIT Designer.
MaxQ is a free web functional testing tool. Use it to test the use and functioning of your website. It includes an HTTP proxy that records your test script, and a command line utility that can be used to playback tests.
“What if you want to test a web application? Or what if you simply want to use a web-site as part of a distributed application?” HttpUnit can help by emulating browser behavior: form submission, JavaScript, Basic Http Authentication, and Automatic Page Redirection.
Here’s an Ajax application framework which helps you build cross-browser applications without knowing any HTML, CSS or DOM. Features include: major browser support, client-side JavaScript, support for event-based programming and more.
A freeware Web Debugging Proxy that logs, inspects and debugs all HTTP(S) traffic between the Internet and your computer.
As the site says, “KompoZer is a complete web authoring system that combines web file management and easy-to-use WYSIWYG web page editing”. No knowledge of HTML or web coding needed.
Firebug is a useful and versatile web page debugging tool. Being integrated with Firefox gives you the ability to edit, debug, and monitor your code live in any web page.
Log Validator is a simple tool that can improve the quality of your website. How? Find the invalid documents, broken links, etc., on your site in order to get them fixed.
JTrac is a Java based Open source and highly customizable issue-tracking web-application. It’s features include easy installation, custom fields and drop-downs for each project, field-level permissions and many more.
AnyBrowser helps you to check your Web site against a variety of browsers and to validate your site for compatibility levels. It allows you to view your own site as your visitors see it.
Analyze how your site is doing. PhpMyVisites is a free and open source tool for measuring website statistics such as geographical statistics, visitor frequency, visited pages, software/hardware utilization and more.
FileZilla is a free, open source, cross-platform FTP client. Its main features include Site Manager, Message Log, File/Folder View and Transfer Queue.
Here’s an all-in-one internet solution which comes with Web-browser, advanced e-mail and newsgroup client, IRC chat client, and HTML editing made simple. Provides you with all of your Internet developer needs in one single place.
ShiftSpace is an interesting open source plugin for browsers which helps you in collaboratively annotating, editing and “shifting” the web. It works as an open source layer above any Web page which you can manipulate with different tools.
User Agent Switcher is an Extension for Firefox, Flock, Seamonkey and Songbird and supports Windows, Mac OS X and Linux. It essentially adds a menu and a toolbar button to your browser to switch the user agent.
A simple and powerful free tool to check if your website is down everywhere or if it’s just the user. Handy to have bookmarked at all times.
The DebugBar is a free plugin for Internet Explorer that brings features such as DOM Inspector, HTTP Inspector, JavaScript Inspector, JavaScript Console and HTML Validator, etc to your browser.
One of the most popular text editors in Open Source. Bluefish is a powerful editor with many options for writing websites, scripts and programming code.
Notepad++ is another free source code editor and supports several languages. It works with Microsoft Windows environment and includes features like auto-completion, zoom in, drag and drop, WYSIWYG and more.
jEdit is a programmer’s text editor written in Java, meaning you can use it in Mac OS X, OS/2, Unix, VMS and Windows operating systems. It has built-in macro language, extensible plugin architecture, and dozens of macros and plugins available online.
It is a free source code editor written in Java which can edit many types of source codes including C, C++, C#, ASP, PHP, Ruby, TeX, XHTML, XSLT, Eiffel, JSP. As the site says, “download it, use it, modify it, redistribute it…your choice, your freedom”.
GIMP is a GNU based Image Manipulation Program. Versatile and free, GIMP can be used for all your photo editing tasks. It comes with a full set of painting tools, manipulation capabilities and works with most Operating Systems.
Inkscape is an Open Source vector graphics editor that uses the W3C standard Scalable Vector Graphics (SVG) file format. It comes with many advanced SVG features like markers, clones, alpha blending, and more. Check it out.
A free image and photo editing software compatible with Windows. It features an intuitive and innovative user interface with support for layers, unlimited undo, special effects, and a wide variety of useful and powerful tools.
Dia is a free GTK+ based diagram creation program for Linux, Unix and Windows released under the GPL license. According to the site, with Dia you can “draw entity relationship diagrams, UML diagrams, flowcharts, network diagrams, and many other diagrams”.
Yes, 3D Open Source applications do exist. Blender is one of them. Available for all major operating systems, it contains a wide range of modeling, rendering, animating, shading, and realtime 3D/game creation features.
Here’s your chance to record all screen and audio activity on your computer. Create high quality AVI video files by using CamStudio’s built-in SWF producer that can turn AVIs into Flash videos (SWFs).
Here’s a screenshot tool perfect for tutorial or product shots. Optimized for productivity, it can save an entire screen or part of the screen, apply text and shapes to the screenshot, and supports several image formats.
This Icon pack is free to download and has 310 icons designed for web designing projects, but can be used for creating system icons.
Need to jazz up your site with a font? Luckily, GarageFonts has a wide range of over 750 typeface designs free and available for downloading. Take your pick.
If you’re looking for a resource of stock photos for your web design project, Stockvault.net is the site to check out. All images here are free for personal usage.
dafont is a huge collection of Fonts available for Mac and Windows. Choose from a variety of styles that expresses your websites goals the best.
ColorZilla features include an advanced eyedropper, palette Viewer, history and Favourites palettes, webpage DOM colour analyzer and other goodies you can use directly in Firefox 3.1.
Need help with colour schemes for your design? Then Color Cop is the tool for you. It’s multi-purpose color picker that will generate a palette of colours that work together for any given colour you select.
digiKam is a digital photo management tool designed for users who want to view, manage, edit, enhance, organize, tag, and share photographs.
Six Revisions can provide practical, inspirational and useful tips for the modern web designer. It claims to present noteworthy tips, tutorials, and graphics resources that the modern web professional will appreciate.
Another popular and useful blog from the Web designer’s point of view. Smashingapps.com provides a ton of helpful tutorials on everything and anything that has to do with web designing and developing.
Need some pointers? This site provides several informative articles geared towards teaching you how to design a good website by understanding web page layout and design.
Cross-browsing problems? Try Wrapper, a cross-browser compliant HTML/CSS rendering engine. Written in ActionScript, it sits on top of your HTML page, making it possible to integrate ActionScript and HTML/CSS projects without any compiling.
As site says, “Bottom Line: This ‘code maker’ generates CSS layout code to ‘spice up’ those forms”. All you have to do is input your defining properties and you’re all set to go.
Another simple online tool: CSS Button & Text Field Generator. This tool takes the properties you input to generate the button or text field style you want.
Interact with menus to select the type of parameter you want to change and then enter the values into the attributes area. To get the resulting code, you just simply to cut and paste from the code text area.
This site will automatically generate the XHTML/CSS layout for your new Web 2.0 site. Just set your preferences and click Generate.
CSSTidy is an Open source CSS parser and Optimizer. Compatible with Windows, Linux and Mac OSX, it can be controlled by command line and as PHP script. Get faster loading webpages with extensible Open Source Tool.
Cypress is a CSS parser that allows you to add CSS style properties to your own XML markup languages.
CSSed is an Open Source CSS editor and validator, which makes CSS editing easier. Its major features include syntax highlighting, syntax validation, auto-completion and dialog-based insertion of CSS complex values.
CleanCSS isn’t a validator, but a powerful CSS optimizer and formatter. It takes your CSS code and makes it more concise.
Here’s a free W3C online service that finds problems in the CSS style sheets used by your HTML pages. It takes the URL of a document containing HTML with CSS and checks it for consistency and validity.
Check out this site if you need some inspiration. CSS Beauty is focused on providing a database of CSS based websites. It showcases a ton of the best work around. Welcome to the CSS design community.
Another inspirational site for CSS web designers, CSSelite.com collects a wide range of quality design websites (Flash & CSS) that’ll have something for everyone. Submit your own site while you’re there.
Now here’s a web design site curated by Chris Coyier that puts a special emphasis on CSS. Articles, Forums, Videos and Downloads–they’re all about helping you with your own CSS.
CSS Optimiser is an online tool that helps you reduce the file size of cascading style sheets which takes a URL or file as input and gives Optimized CSS via Direct Output
If you need to brush up on your CSS, or just need a tip or two, CSS tutorial can help you out. These tutorials makes learning CSS fun and easy.
Plone is a Content Management Solution that’s “easy to install, use and extend”. If you’re not too technical, you’ll be glad to hear that Plone lets you manage your content using only a web browser.
As the world’s largest CMS software company, eZ Publish has everything you need to build up corporate websites, intranets, webshops and media portals.
This is a popular, professional and easy to use CMS. Its features include internal link management, context menus, undelete operation, XML content auto correction, and more.
Joomla is an award-winning CMS that can help you build web sites of all sizes. From corporate websites and small businesses to community-based portals and personal homepages, Joomla’s ease-of-use and extensibility have made it one of the most popular CMS’s online.
Equipped with a powerful blend of features, Drupal supports a variety of websites ranging from personal weblogs to large community-driven websites.
Xoops didn’t win numerous international awards and recognitions for nothing. As a an easy to use dynamic web framework written in PHP, Xoops contains a number of great features that can be used to create small to large dynamic websites, intra company portals, corporate portals and weblogs.
Magnolia’s page editing interface enables its users to lay out content exactly as it would appear to the website visitor.
b2evolution is a blog tool which can be installed on your website. It includes all the features of traditional blog tools, and extends them with evolved features such as file & photo management, advanced skinning, multiple blogs support as well as detailed user permissions.
This is an Open Source web-based tool which allows users to maintain dynamic sites, like weblogs or online journals. It is written in PHP, and does not require additional libraries or databases to function.
CMS Matrix provides a community service to visitors interested in looking for a mean to manage web site content. Here visitors can discuss, rate, and compare the various systems available on the market today.
This site contains Demos for open source and freeware Content Management Systems and e-Commerce Systems based on PHP and MySQL.
Looking to interact with others in person? Then this is the site to follow. Open Source Bridge is a new conference where anyone interested in working with open source can network. Get involved today..
This is a community where Java SE platform developers and researchers gather to collaborate on the core reference implementation of Open Source Java Technology.
Tigris.org is a mid-sized open source community focused on building better tools for collaborative software development.
This is another forum of Web designers and Developers where members can interact about different development tools and can share code among themselves as well.
OpenSource Tutorials contains articles and tutorials about different templating techniques in PHP, optimizing MySQL, Server and Client Side Coding etc.
freshmeat maintains index of Unix and cross-platform software, themes and related “eye-candy”, and Palm OS software. Thousands of applications, which are preferably released under an open source license, are cataloged in the freshmeat database, while links to new applications are added daily.
HowtoForge provides user-friendly Linux tutorials about almost every topic. The site has a huge compilation of tutorial on different technologies and applications.
This website Offers Free Online Computer Science and Programming Books, Textbooks, and Lecture Notes. Books related to almost all of Computer science related topics are available here.
Code Project shares Free Software Development and Design Articles, Code Snippets, discussions, and news - all provided free by the best bunch of developers on the net.
The OSI are the stewards of the Open Source Definition (OSD) and the community-recognized body for reviewing and approving licenses as OSD-conformant. The OSI is actively involved in Open Source community-building and the importance of non-proprietary software.
Here Java based technologies, resources, articles and popular downloads are shared. Visitors can choose from 70+ sessions on free and open source technologies and tools.
The Apache Software Foundation provides support for the Apache community of open-source software projects.
The Open Source Community attempts to provide the visitors with a road map of the names and relationships of current Open Source technologies and projects..
SWiK.net is a project of SourceLabs to help people collaboratively document open-source software SWiK contains information and news about thousands of open source projects, making SWiK your number one resource for open source project information.

October 25th, 2009 at 12:03 pm
[...] The Open Source Toolbox For WebDesigners | Home http://www.cometdocs.com/blog/the-open-source-toolbox-for-webdesigners – view page – cached With other companies providing the same goods or services as you are, the competition to reach a large target audience increases greatly and with it, — From the page [...]
October 25th, 2009 at 12:12 pm
[...] http://www.cometdocs.com/blog/the-open-source-toolbox-for-webdesigners a few seconds ago from Gwibber [...]
October 25th, 2009 at 1:18 pm
[...] Go here to read the rest: The Open Source Toolbox For WebDesigners | Home [...]
October 25th, 2009 at 1:40 pm
[...] The Open Source Toolbox For WebDesigners | Home [...]
October 25th, 2009 at 3:07 pm
Great list! Totally bookmarking and RTing this!
(Also, KompoZer is a bug-fix of Nvu, not necessarily a different program.)
; )
Thanks again for writing this all out!!
October 25th, 2009 at 3:30 pm
[...] The Open Source Toolbox For WebDesigners | Homecometdocs.com [...]
October 25th, 2009 at 3:40 pm
=== popurls.com === popular today…
yeah! this story has entered the popular today section on popurls.com…
October 25th, 2009 at 6:10 pm
[...] The Open Source Toolbox For WebDesigners | Home 25 October 2009 | Uncategorized | Trackback | del.icio.us | Stumble it! | View Count : 0 Next [...]
October 25th, 2009 at 6:11 pm
Very nice list, discovered a few very nice ones I didn’t see yet, Thank you
October 26th, 2009 at 1:30 am
Very good info.I was looking for somthing like that for my website
October 26th, 2009 at 2:40 am
[...] Cometdocs: Stai entrando nel magico mondo dei Web designers e non sai come orientarti? Guarda questa lista di ben 100 siti web opensource davvero utili a web designers. (Articolo in inglese) Continua a leggere… [...]
October 26th, 2009 at 2:17 pm
Very useful list.
I have a fav to add: http://www.webresourcesdepot.com
October 26th, 2009 at 6:51 pm
[...] The Open Source Toolbox For WebDesigners | Home (tags: resources webdesign opensource webdev) [...]
October 26th, 2009 at 10:52 pm
[...] The Open Source Toolbox For WebDesigners | Home With other companies providing the same goods or services as you are, the competition to reach a large target audience increases greatly and with it, the need for Web designers who can deliver new ideas on web quickly and efficiently. [...]
October 27th, 2009 at 4:47 am
[...] The Open Source Toolbox For WebDesigners A large list of everything a web designer may need. [...]
November 4th, 2009 at 1:59 pm
Dude this list is absolutely awesome!
November 8th, 2009 at 7:39 am
Nice Post, btw do you know any good usenet archives and or mailing list archives site for unix / linux / bsd
November 9th, 2009 at 5:03 am
[...] Excerpt from: The Open Source Toolbox For WebDesigners [...]
November 13th, 2009 at 9:56 am
Interesting! Always looking for useful SEO tips and software.
December 2nd, 2009 at 4:50 pm
Easily, the post is actually the best on this important matter. I agree with your conclusions and will eagerly look forward to your future updates. Expressing my thanks will not be sufficient, for the fantastic clarity in your writing. I will bookmark your URL instantly and I will visit your blog often in order to stay privy of any news. Fabulous work and much success in your business efforts! A few days ago, I read an article of how organizing e-mail can increase productiveness. You find this article here: Articles Base.