Do not confuse Integrated Drive Electronics- IDE with Integrated Development Environment, which is also known as IDE.  They are two different things. The basic features of an IDE includes :

• A text/ source code editor – To edit different scripting and programming language such as PHP, Phyton.
• A  compiler and/or an interpreter – To transform source code into computer language.
• Build automation tools – For automating to task that developers uses on a regular basis.
• A debugger – To check for errors and mistakes.

Some of the IDE’s that are targeted towards web development also includes FTP.

Why Would You Want to Use an IDE?

If you are wondering how an IDE would benefit you, here is an example. Let’s say you are creating a web app using Java or PHP. You would have to go back and forth between Firebug, text editor and FTP, Firebox. You lose time in switching between different applications. An IDE fills in this gap by keeping you focused on your work rather than switching between different applications. You get features of four or five different applications in one. If you want to get into hardcore coding IDE is a must. So here we have complied a list of free IDE that you can try and use. We will also include some paid IDE software at the bottom of the post.

WebScripter (Mac)

WebScripter is an  IDE for web programmers with a nice and clean interface that includes code editor , FTP, debugger and more features.

Aptana Studio (Windows/Mac/Linux)

Aptana is well known IDE among the programmer and developer. Beside the usual features you can also add plugins , which makes Aptana a must have tools for developers.

Qt Creator (Windows/Mac/Linux)

Qt Creator is mainly used C++.  It has an advanced code editor , visual debugger and many more features.

Code::Blocks (Windows/Mac/Linux)

Code::Blocks supports multiple compilers, including  Microsoft Visual C++, Borland C++, Watcom , the Intel C++ compiler and many more.

Syntori (Mac)

Mainly focused for Java developers who enjoys the mac interface. Includes lots of features for debugging.

NetBeans IDE (Windows/Mac/Linux)

NetBeans is a cross platform, opensource  IDE that supports many languages such as  Ajax,C/C++, JavaScript, Ruby, PHP, Python and more. Pick your scripting or programming language and get to work. You can create desktop, mobile, web applications using NetBeans.

Eclipse (Windows/Mac/Linux)

Eclipse is a multi-language software development environment. You can download the PHP, C++ or Java IDE from here

PSPad (Windows)

A code editor that support many different language such as C++,CSS, HTML, XHTML,Java, JavaScript, Perl, PHP, Python, SQL, TCL/TK, Unix ShellScript, VBScript, Visual Basic and more. Some features to mention: FTP Client, Macro Recorder, File Search/Replace, Code Explorer and more.

Microsoft Visual Studio Express (Winodws)

IDE from Microsoft that includes a code editor supporting IntelliSense as well as code refactoring. Built-in languages include C/C++ (via Visual C++), VB.NET and C# and also supports other languages such as, Python, and Ruby, XML/XSLT, HTML/XHTML, JavaScript and CSS.

Edit: Visual Studio Express is free not the Visual Studio in General (as a reader pointed out).

Ulzard (Web Based- Windows/Mac/Linux)

If you need an IDE on the go, Ulzard is an useful on browser IDE. Mainly focused on web applications, that relay on JavaScript frame works.

Not Free, But Worth Checking Out

• Coda from Panic
• Dreamweaver from Adobe

Which IDE is your favorite? Is there any we missed here? Share with everyone in the comment.

P.S. : Wikipedia and the Applications websites used on the research.

Massive Freebies Password: d08YkM1

Online Text, CSS & HTML Editor

1. Online-HTML-Editor.org : WYSIWYG Editor

2. Edit Pad : Plain Text Editor

3. DarkCopy : Simple, full-screen text editor

4. SiteGuts : Online CSS Editor CSS, HTML , PHP

5. PractiCode : HTML, CSS, Javascript Editor

6. MyTextFie: Plain Text Editor

7. Bespin: Mozilla Code Editor (Registration Required)

8. CSSFly : Real Time Direct Browser Based CSS Editor

9. The Workshop : Online CSS Editor

10. The Whole Internet: CSS Editor

Useful Tools for Your Blog

11. embedit.in : Embed any kind of document in your website

12. Printfriendly : Make a print friendly version of your website

13. SikBox : Simple Easy Live Search Embed

14. Gazup : Upload files to multiple hosts

15. Closr.it : Zoom, share and embed image

16. Feevy Home : Display feeds from Other website on your sidebar

Personal and Fun Online Tools

17. SketchFu : Fun sketching, publish and share

18. BeFuny.com : Cool effects on your photos right away

19. Avartize.com : Overlay you avatar or twitter profile with symbols

20. DailyBooth : Online picture capturing and sharing tool

21. Hi, I’m : Online nametage , a single page personal website

22. Card.ly : Create Online Business Card

We tried to find the tools that has not been showcased. Here are some tools that already has been shared by other bloggers :

• Online Drawing Tools & Free Online Painting & Sketching Tools
• 21 Free And Useful Web Tools For Web Designers
• 12 Useful Web Tools for Designers

Massive Freebies Password: d08YkM1

Image Editor

1.Gimp

2.Paint.net

3.Photoscape

4. Inkscape

5. PhotoPlus SE

6. DrawPlus 4

7. Pixia

8. PhotoFiltre

9. Ultimate Paint Standard

10. Picasa

11. Open Office Draw

12. Sodipodi

13. CinePaint

WYSIWYG Editors and Web Developing

CoffeeCup HTML Editor

PageBreeze Free HTML Editor

JustStyle CSS Editor

18. PSPad

19.KompoZer

18. Amaya

21. Astyle

Text Editor

22. EditPad Lite

23. Programmer’s Notepad

TextPad

Source Edit

Crimson Editor

26. Notepad ++

Caditor

Metapad

ConText

TotalEdit

FTP

WinSCP

Core FTP

FileZilla

GoFTP

CrossFTP

DeluxFTP

Miscellaneous

CamStudio

ScreenHunter

JR Screen Ruler

Pixel Ruler

Is there a cool software you would like to add? Shout it in the comment.

Massive Freebies Password: d08YkM1

This is first part of the freeware and open source  software complication. The second part will have essential free windows software for web designers. Please note that  GIMP, Pixelmator, Transmit or Cyberduck  and popular software are excluded intentionally because there have been numerous post about them.

Image Editors and Utilities

1. ArtRage 2

The ArtRage 2 starter edition is free, it is a easy to use, stylish painting software. You can also access some tutorials on how to how use an create artwork with ArtRage.

2. Image Tricks

Image Tricks is a free application for editing and generating images. It uses Mac OS X Core Image filters that transform pictures to unimaginable extent and apply advanced visual effects.

3. ImageMagick

Although the name sounds similar to Image Magic, this is a totally different application. ImageMagick is a software suite to create, edit, and compose bitmap images.

4. Picasa for Mac

Picasa for windows was available for while. Now the mac user can also enjoy Picasa. Manage your photos in one place, and find photos you forgot you had,Eliminate scratches & blemishes, fix red-eye, crop and more.

5. Free Ruler

Free Ruler is a free screen ruler for Mac OS X. Very useful if you measuring the width of height of something such a logo or anything in your webpage. A horizontal and vertical ruler which can be used independently or simultaneously.Independent resizing of rulers, from 200 pixels to 5000 pixels in length.

6. OSX Image Resizer

Performs one simple task in a fast and easy to use way; resizing a large number of images quickly on your computer. The software allows you to resize a collection of images from 10 to 10,000+.

7. LiveQuartz

A simple and powerful photo editor for Leopard. LiveQuartz has all the essential tools: The drawing tools (brush, lines, rectangles, ovals), the duplication tool, the eraser tool, the new background eraser, the gradients, the layer moving arrow, the text tool, the CoreImage tool, the rectangle and lasso selections, the hand, and the magnifying glass.

8. ExifRenamer

ExifRenamer allows you to interactively control the renaming process. You can have a file preview and can add a prefix, suffix, change the name or can add a time difference:

9. Paintbrush

Open source free paint and Bitmap Image Editor for Mac OS X . It is a replacement for windows Paint application.

10. DrawBerry

With DrawBerry, you have all the possibilities the vectorial drawing offers you in a free, easy to use and powerful application. If you don’t need applications such Illustrator or Inkscape and you want to create some simple (or less simple) illustrations, DrawBerry is for you.

11. Pencil

Pencil is an animation/drawing software . It lets you create traditional hand-drawn animation (cartoon) using both bitmap and vector graphics. Pencil is free and open source

12. blueMarin

An open source application for the digital photo workflow, the blueMarine project will provide you an all-in-one tool for managing your photos, from the shoot up to the archiving and beyond.

13. Seashore

Seashore is an open source image editor for Mac OS X’s Cocoa framework. It features gradients, textures and anti-aliasing for both text and brush strokes. It supports multiple layers and alpha channel editing.

14. Colorate

Colorate is a utility for creation of harmonized color palettes and color schemes, aimed from hobbyist to professional designers.

15. Pixen

Pixen is an innovative graphics editor for the Mac. Pixen is like a very powerful MSPaint or a simpler, more agile Photoshop. And best of all.

16. Goldberg

Goldberg is a freeware image and movie viewer with image editing capabilities and support for applying QuickTime and other effects In my opinion there is not too many features to work with beside the QuickTIme effects.

17. Chocoflop

ChocoFlop allows you to edit your photos or design stuff using Apple’s CoreImage technology. It takes advantage of the power of your graphics card (GPU).

Text Editor and WYSIWYG Editors

18. Scribus

Scribus is an open-source program  which has user friendly interface. Scribus supports professional publishing features, such as CMYK color, separations, ICC color management and versatile PDF creation.

19. CreaText

CreaText has got many functions which make creating websites easier, e.g. Tag Coloring, easy access to the Mac browsers, the change of special characters into HTML entities in realtime, an Insert menu with rapid access to all usual HTML commands, an HTML color chooser, drag & drop, and the possibility to setup HTML parameters when creating a new document.

20. Smultron

Previously Mentioned Smultron is on best open source text editor for Mac OSX. It works perfectly for a whole variety of needs – like web programming, script editing, making a to do list and so on.

21. Plain Text Editor

You miss a text editor able to open, edit and save plain text files? You want special features such as foreground and background colors? Text wrapping and unwrapping?  Unlimited number of undo? Then Plain Text Editor is what you need!

22. NovoEdit

Very Simple plain text editor for many file formats including HTML, CSS, PHP and many more formats

22. TextForge

TextForge is a text editor for Mac OS X, written using the Cocoa API. Some features includes Spell checker, Customizable “Preview-in-Browser” system, Shows line count and position.

23. MonsterText

MonsterText is a donationware text editor/word processor for Mac OS X.

24.uEdit

uEdit is a simple plain text editor, with useful features.Debug HTML, PHP , Perl and Python code,

25. WPWriter

WPWriter is a simple HTML editor that is designed to assist you to write WordPress articles easily.Many of web designers run blogs where they publish post daily. This could come in really handy. WordPress has a built-in visual HTML editor, whose editing area is quite small and cannot be changed.

26.WebTide

WebTide text editor is a free text editor, designed to help web developers in creating fast and professional websites. It is also a programmer text editor. It supports HTML, PHP, CSS and many other scripting languages

27. WebCode

WebCode is a html source editor that assists the developer writing code. WebCode’s inserts system is fully customizeable, the built in inserts will place things like <b>…</b> around the selection. With the Command-B keyboard equivalent. You can add your own inserts, or modify the existing ones as you like.

28. Komodo Edit

Komodo Edit is a free, open source editor for Perl, PHP, Python, Ruby, and Tcl, plus JavaScript, CSS, HTML, and XML, and template language.

29. XYLE Scope

This a must have software for web designers. Xyle scope is an elegant analysis tool for everyone interested in web standards. It’s like surfing the web with an X-ray view. Using Xyle scope you will deepen your understanding of XHTML and CSS, find out how your peers did it, and see your own work with fresh eyes.

30. HunAgurk

If you can get over the name HunAgruk is actually  a free and easy to use html editor.

32. Aquamacs

An Editor for Text, HTML, LaTeX, C++, Java, Python, Perl, Ruby, PHP, and more.

33. Tart

You can use the CSS Validator, Markup Validator and Feed Validator to validate your CSS, HTML and feeds, or you can test them all with Tart. Also Tart can validate local files, even when you’re offline, since it is a standalone application!!

34. Markup

Markup is a general purpose HTML utility. It replaces <, >, and & in text so that html markup characters will show up correctly in a web browser (without breaking the page). The color chooser allows users to get hex values for RGB colors, colors from the color picker, or to choose from one of the many named HTML colors in the color list.

34. Simple CSS

Simple CSS allows you to easily create Cascading Style Sheets (CSS) from scratch, and/or modify existing ones, using a familiar point-and-click interface.

FTP Softwares

35. CrossFTP

36. Classic FTP

37. XCaramba

38. Pure-FTPd

39. Glub Tech Secure FTP

40. OneButton FTP

Did we miss any of your favorite free software? Share it with everyone in comment.

Massive Freebies Password: d08YkM1

Font-Tester: Font Tester is a free online font comparison tool. It allows you to easily preview and compare different fonts side by side with various CSS font styles applied to them. It is very useful for web developers who are looking for just the right font/style/color to use in their pages.

4096 Color Wheel : There are so many color wheel on the web. I found this one easy to use. This color wheel is by Jemima Pereira. This  Color wheel shows colors in web safe, web smart and unsafe format. There for it is really useful when choosing colors.

CSS Type Set : For evry web designers/developer this is a must use tool. How many when you are coding you thought,  How would this font look on the page?what size ?smaller? Well have no worries. CSS type gives you real time font comparision. You can change font size, family, colo and more. Alos, whats even better that, It gives you the css code, so you can just copy paste it into your style sheet.

CSS Text Wrapper: The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website.

CSS Menu Maker: CSS menu Generator is really an awesome tool for creating menus on the go. There lots vertical and horizontal menus in their library. They give you chance to customize the menu, add links, browser compatibility  and so much more. Also, if you have your own menu, they have an options to submit.

DevSnippets: Devsnippets is web desinger/developers/programmers heaven. Whats better than bunch css, javacript , ajax, php codes to look at for inspiration. Whats even better you can submit your own code sinppet.  I visit this site everyday. These website is from same people who also runs Noupe.

Script and Style : Script and Styles is from brilliant web designer/blogger Chris Coyier, who runs couple of useful sites. Script and style is also web site for codes, tricks for web design.

This is what Chris says about Script and Style:

“I always wanted to social news angle to CSS-Tricks but never found quite the right angle to integrate it. The right opportunity came along to partner with David Walsh and create a separate site. Script & Style is essence a link blog with “Links to Help you Grow as a Designer and Developer”. The site is 90% powered by community submissions.”

Well , that’s all . Honorable mention to Kotatsu, which is a useful website to generate HTML tables, and Typechart, same as Font Tester but better looking interface.

Hope, this was helpful!

Update: One more site : PXtoEM convert pixels to em

Massive Freebies Password: d08YkM1