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...
1064813/03/2014, 20:39
Highwind is a lightweight, free WordPress theme designed to showcase content. It features a clean,...
269703/10/2013, 15:31
Convert your print-ready artwork for a standard 9"x12" presentation folder into a visually stunning...
252003/10/2013, 15:17
A front view app screen mock-up to present your latest app or interface design. It comes with 3 depth...
246803/10/2013, 15:04
A corporate or brand identity mock up for designers to present their identity design in a modern and...
246703/10/2013, 15:00
Ol logez is a free responsive Joomla 3.x and joomla 2.5 template based on own framework. Bootstrap...
239502/10/2013, 14:03

Recent Articles

Swift Basic is the free version of Swift. The fastest loading, developer friendly and most advanced SEO WordPress theme with loads of intuitive...
Focused Clean, responsive theme for your targeted or personal blog.theme was designed with simplicity in mind, so setting it up should be a pretty...
Simple, responsive, pin-style theme for your personal blog.Simple, responsive, pin-style theme for your personal blog. The theme comes with...
WP Metro is a beautiful metro-style blog theme. It's also completely free. Documentation and demo content...
Anew - A theme in classic personal tumblog style. Fully featured, responsive and high resolution. Anew gives much content variety with all 10 post...
A new theme for personal blogging enthusiasts has been made by s5themes and the good part this is totally free and responsive in layout design. With...

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.