13 Excellent Open Source Tools for Web Designers

By / Oct 12, 2009 / Tools

Open source applications and tools are a great alternative for web designers on a budget. Many open source tools have comparable features to the expensive applications, and are also free. This makes it possible possible for a web designer to have all the tools and applications needed to complete everyday tasks without even spending a cent. In this article you will find 13 of the best open source tools for web designers.

Text Editors

Aptana Studio

open source tools

Aptana is a complete web development environment that combines powerful authoring tools for HTML, CSS, and JavaScript, along with thousands of additional plugins created by the community.

KompoZer

open source tools

KompoZer is a complete web authoring system that combines web file management and easy-to-use WYSIWYG web page editing.

Notepad++

open source tools

Notepad++ is a source code editor and Notepad replacement that supports several languages. It runs on Windows and is governed by a GPL License.

Firebug

open source tools

Firebug is a plugin for Firefox that allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Quanta Plus

open source tools

Quanta Plus is a highly stable and feature rich web development environment.

jEdit

open source tools

jEdit is a cross platform text editor with hundreds of person-years of development behind it.

Graphics Applications

GIMP

open source tools

GIMP is a versatile graphics manipulation package. It’s considered by many to be an excellent alternative to Photoshop.

Dia

open source tools

Dia is a cross operating system diagram creation application.

Krita

open source tools

Krita is a graphics application for everyone who wants to get creative with images.

Inkscape

open source tools

Inkscape is a vector graphics editor, with capabilities similar to Adobe Illustrator.

FTP

FileZilla

open source tools

FileZilla is probably the most popular ftp application. You can download a client or server version.

Cyberduck

open source tools

Cyberduck is an FTP client built for the Mac.

WinSCP

open source tools

WinSCP is an open source free SFTP client and FTP client for Windows.

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

  • http://www.eyenoxmedia.nl Eyenox Media

    Great selection of tools, also smart move to put some extra stuff at the bottom!

    Greetz

  • http://www.myhtmlworld.com Sunil

    Good collection of software. I think you have missed some software. http://www.myhtmlworld.com/web-development/free-tools-to-develop-website.html

  • Lee

    Nothing new. Sorry.

  • http://www.designfollow.com/ designfollow

    thanks you

    nice open source

  • http://mobiletopper.blogspot.com Mohammed Ilyas

    Hello Henry!

    Very nice article. Thanks for providing lot of information about this applications.

  • http://www.stooni.ch stooni

    well done , cool tools for webdesign prof.

    —————stooni

  • http://zaskoda.com Zaskoda

    I use Gimp frequently. I haven’t installed any commercial alternative on my workstation in years.

    I use Dia regularly. I tried to use Visio on a Windows machine recently for a project. I ended up just downloading Dia to the machine. It does what I needed it to do fairly well. A slightly more “brisk” interface would be nice.

    Filezilla is powerful, but the UI is just a train wreck. I still use it most of the time as it’s one of the few FTP apps that properly supports umasks.

    I use netbeans over Aptana because I ran into issues with Git support in Aptana. Netbeans is OSS and a very good IDE.

    Speaking of, Git and SVN can be a Web developers best friend… would be nice additions to the list.

    Oh, and then there’s Firefox and the many plugins, of course.

  • http://php-programming-tutorial.com Jonathan Bennett

    I recommend Eclipse. A great open source IDE!

  • http://www.squiders.com Web Design Maidstone Kent

    Some nice links to investigate, I would certainly be lost without filezilla

  • http://giophotos.com GioPhotos

    Thank you so much for the tools but I think there are more software available. :)

  • http://www.unmotivatedgenius.com Web Development & Web Design

    You wanna talk about lifesavers, firebug is #1. The DOM options plus the xpath ability is key for any person in our industry

  • http://www.cdpradeep.com/ Pradeep CD

    Great list… Aptana, Firebug and GIMP are my favorites…thanks…

    you forgot FireFTP…

  • http://wwwthecomplexmedia.com/ theComplex

    Great list of resources. I’ll be sure to start passing these along.

  • http://cssah.blogspot.com/ cssah

    Aptana and notepad++ very powerful and productive .Thx

  • http://www.jmc-website-design.co.uk Jason

    I’ve heard a lot of positive reviews about notepad++

  • http://www.pour2012.eu MrJuls

    Thanks for these links, I didn’t know Aptana Studio, and it seems to be an excellent tool!

  • Arun

    Thanks for sharing this article..

  • Sasha

    I think Selenium web site testing framework should among the first 3 in this least, here is a short introductory article – http://www.imdb.com/title/tt0499549/

  • Johnson

    gud one..

  • http://webdesignpatterns.org mr.design

    Great article. I’d also add Blender 3D to the list:)

  • http://zhille.wordpress.com Zhille

    I’ve used much of the software listed. Here are my impressions:

    Aptana – excellent tool but bloated and slow loading, a little like dreamweaver in terms of usability. For an average HTML/PHP/CSS/JS coder, just too massive. Great community and plugins though.

    Notepad++ – my personal choice for years, with a few plugins, you can’t beat it. Experienced web app developers I worked with use it exclusively. Starts faster than notepad, haha.

    Another of my recommendations is Inkscape, one hell of a vector program, with excellent bezier tool, and workflow is nice. You might have to search online for some explanations about how to use extensions like Perspective, but there are some resources. Learning curve is very fast.

    Gimp – just hate it…god-awful, tried it a lot of times to see if it maybe changed to better. Paint.NET is way better, but lacks more advanced features and path support.

  • The G.

    Thanks. A great intro to the open source environment.

  • http://www.bauer-power.net BauerPower

    You have an interesting take. I like it! Great post!