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.

POPULAR Articles

Joomla is an award-winning content management system (CMS), which enables you to build Web sites and...
1116313/03/2014, 20:39
Minimalist yet informative, our free Magazine Joomla! template creates a modern masterpiece of...
126118/04/2014, 02:57
3D Wall Logo Mock-Up Template is handy if you want to present your logo as a wall mounted sign or just...
105314/04/2014, 03:04
Travel Network Like Facebook Webiste Psd Template for free download in a fully layered psd file.
105318/04/2014, 03:39
ST DEEP is an amazing One-Page HTML5 & CSS3 template with a minimalist, simple, elegant and clean...
101418/04/2014, 03:15
Built on the robust T3 Framework, Purity III is fully responsive, supports Bootstrap 3 at core, highly...
95118/04/2014, 02:45

Recent Articles

The Griffin theme neatly tiles posts for quick easy viewing. Theme features a custom header image and logo upload so it can be personalised to suit your...
InkZine with a Very Refreshing Magazine Style Layout. This theme was built with Entertainment and Magazine Websites in mind. InkZine With Vibrant Colors...
Basic 3D Fullscreen Transition with CSS3 and jQueryDownload jQuery 3D Page Fullscreen Animated...
Threejs based Gallery/Slider Plugin for JQuery.  it didn't have jquery handling on it as well as better handling of controls for customization....
The beautiful jQuery plugin for photographers and designers. With OneBook3D you can easily create an eye-catching presentation of your books, magazines...
JavaScript library that can create animated GIFs from media streams, videos, or images, Leverages cutting edge browser APIs including WebRTC,...

tips to increase Joomla website loading speed

Security Joomla 2.5 Administration Area

Help you to hide Administration Control Panel Backend Security Protect through Add an extra layer of security to your Joomla! Administrator backend..

10 Tips to Make Joomla Loading Fast

Page loading speed is an important factor in deciding the success of an online business website. It not only affects to the website user experience but also Google search ranking - strictly SEO related. The question is how to improve the loading speed of a website?

best-free-joomla-responsive-templates

20 Free Responsive Joomla 2.5 and 3 Templates

Publishing best responsive Free Joomla 2.5 and 3.0+ Templates for our readers that help you to create really creative and innovative websites

Classic Free Joomla 2.5 Templates Most Favoured

If you’re searching for Free Joomla 2.5 Templates, this round-up in should give you good inspiration and hopefully what you are looking for. Those Free Joomla 2.5 Templates are whenever classic.

Joomla-Extension1

10 Best Compress Joomla Plugins to Speed Up

Plugins can automatically optimize external resources, decrease the loading time of your website by compressing, optimizing, merging CSS and JavaScript on your website.

25 Images Content Slider Joomla Extensions

Collected 20+ image based Content Sliers and image Slidershow Joomla Modules and Plugins will stay away from the use of slide show. if you are into blog you need to have an image gallery that makes an effect to the crowd you are narrating. 

Copyright © 2014 JoomlaVisually. All Rights Reserved.
Joomla! ® name and logo is used under a limited license from Open Source Matters in the United States and other countries.
joomlavisually.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.