35 Free Web Based Web Development Tools

In this post we’ve collected many available tools such as color selecting, color palette, JS Library, CSS/HTML/PHP Framework, WYSIWYG editor and more to help make web development projects quicker and more productive. Those best free and useful tools for web development and designers can help you with everything from coding to graphics to running your business and managing your projects.

1. PHPanywhere - PHPanywhere is an online service that allows you to write and test your PHP apps from anywhere. All you need is a web browser.

2. CAPTCHA (Completely Automated Public Turing to tell Computers and Humans Apart) is the term used to describe the use of images which humans can identify -  reCAPTCHA and Securimage

3. CamStudio - CamStudio is able to record all screen and audio activity on your computer and create industry-standard AVI video files and using its built-in SWF Producer can turn those AVIs into lean, mean, bandwidth-friendly Streaming Flash videos (SWFs).

4. StripeGenerator - StripeGenerator is a background strip creation service that can be used as a web page background or pattern in image processing software like Photoshop.

5. Go2Convert - Go2Convert is a set of free web based tools that allow you to convert and resize pictures. It is not meant to be a complete image editing package.

6. PXtoEM - online calculator that can help you easily covert pixels, to EMs, to percent or to points.

7. Date manipulation in PHP - A PHP tutorial on PHPBuilder.com, guiding you through a number of common date manipulation processes.

8. CSS Sprite Generator - CSS sprites are a way to reduce the number of HTTP requests made for image resources referenced by your site. Images are combined into one larger image at defined X and Y coorindates.

9. CSS3 Button Maker - This Button Maker shows you a live working version of the button you create, complete with :hover and :active states. It is done without attaching any JavaScript events to the button itself.

10. CSS Grid Builder - YUI based lightweight CSS framework developed by Yahoo!.

11. Dojo Toolkit - open source modular JavaScript library designed to ease the rapid development of cross platform, JavaScript/Ajax based applications and web sites.

12. Google Font Directory - The Google Font Directory lets you browse all the fonts available via the Google Font API. All fonts in the directory are available for use on your website under an open source license and are served by Google servers.

13. Cotweet - CoTweet allows multiple people to communicate through corporate Twitter accounts and stay in sync while doing so. No stepping on each other’s toes.

14. Facebook-Style Autosuggest - A great Facebook-style auto suggest tool which supports multiple selections.

15. dhtmlxGrid - A powerful data grid tool that includes column sorting and search functionality.

16. Color Scheme Designer - ColorSchemeDesigner is a cool online color scheme picker for web or other design projects. The best thing about this tool is that it gives you a large number of second choices when selecting a color scheme and previewing it.

17. Chartle - Chartle is very easy to use and totally free online graphics generator. Chartle will allows you to integrate your plans, maps, graphs, charts and reports online. Best of all, there is no registration requirement.

18. gotAPI - This is also another must have link. gotAPI is another search engine that provides you with the essential API for your reference need.  It allows you to search for any methods or rule for that particular language.

19. CompressorRater - Compressor rater compress your javascript and rate those compressing algorithm in each library such as YUI compressor, gzip, etc.. This is useful to compress your javascript codes with more than 1 library and get the smallest site to optimal your website load time.

20. Javascript beautifier - this web based JavaScript application helps organize my code neatly so that my visitor can read and understand. Definitely a useful JavaScript organizer for my web development need.

21. JavaScript Regex Generator - This helps simplify your brain and optimize your web development by generating regular expression for your pattern matching need.

22. JSLint - JSLint is one of the hardly see JavaScript online verifier. It verify your codes to see if there is any errors on your JavaScript.

23. CleanCSS - CleanCSS provides you with a ‘only safe optimizing’ option. It also provides many other related things other than optimizing and compressing.

24. Selectoracle - Selectoracle translates your CSS rule set into pure English so that you could understand and improve your CSS skill.

25. CSS Redundancy Checker - It helps you check which CSS rule is currently not in use and can be removed safely. Perfect stuff for optimize web development purposes.

26. W3C CSS Validation - it is best to validate your CSS. What place more reliable than the old W3C Offical site CSS validation service?

27. Browsershot - Browsershots is a web based tool that makes screen shots of your web design in different browsers. This way you will know whether your website is having problem with other older browsers that user might be using currently.

28. Geotak Netrender - It provides you with various version of Internet explorer for you to test your website. This web based tool helps verify your website compatibility with Internet Explorer.

29. HTML Tidy - try HTML Tidy and it might just save your time on your web development.

30. Aviary Screen Capture - This is a screen capture tool but currently do not have the ability to capture screen with different browser yet.

31. HTML Entity Character Lookup - This web based tools allows you to quickly search for any HTML entity character with just a few click. Something both Web developers and designers would really LOVE to have. This tools really help reduce time to search for a particular entity on Google!

32. YASC - Yet Another Sprite Creator.

33. Koders - Koders a search engine that allows you to search for any codes not only PHP. There are many valuable source code available in Koders that you should be aware of.

34. POG - POG is a web based tool that automatically generates clean & tested Object Oriented code for your PHP4/PHP5 application. This way you won’t have to repeatly generate all these codes manually whenever you want to start a new PHP class.

35. Fivesecondtest - Fivesecondtests help you easily identify the most prominent elements of your user interfaces. It’s an app that allows random users to conduct simple 5 second usability tests that help you to measure the effectiveness of your web page designs.