DEV TOOL

ABOUT VISION WIDGET

Delivers a daily balance of inspiration across web design, graphic design, web development, jquery, photography, web plugins, wordpress themes, identity dranding design and more than for designers. If any images or content appear on site is violation or copyright please inform us on (visionwidget$gmail.com).

35 Free Web Development and Designer Tools

There are many available tools to help make web development projects quicker and more productive. rendering these tools practically useless until you stump up the cash. In most cases, however, there are free alternatives available can significantly help you accomplish tasks such as color selecting, color palette, JS Library, CSS/HTML/PHP Framework, WYSIWYG editor. etc...which are included in this list intentionally.

1. HTML5 Starter Pack - This HTML5 Starter Pack is a bit different than a template. It has been built with one guiding principle: scalability.

HTML5 Starter Pack

 

2. Tiny Fluid Grid - Inspired by the 1kb Grid, the Tiny Fluid Grid is a super simple fluid layout generator. Its download comes with a index.html with demo code.

Tiny Fluid Grid

 

3. PHP Template Inheritance (TI)  - PHP library for creating reusable HTML layouts (templates) for a site, using template inheritance technique.

PHP Template Inheritance (TI)

 

4. DooPHP – High Performance Open Source PHP Framework, rapid development framework for PHP using commonly known design patterns like MVC and ORM.

DooPHP – High Performance Open Source PHP Framework

 

5. Smokescreen - Smokescreen is a new open-source project aimed at converting Flash to HTML5 to run where it previously couldn't (iPhone and iPad).

Smokescreen

 

6. CSS3 Button Maker - To use this Button Maker thing, you just adjust the settings until you have a nice looking button, then press the button and it will give you the CSS.

CSS3 Button Maker

 

7. Simple Cloud API - open source project providing common PHP interfaces for File Storage, Document Storage, and Simple Queue cloud services.

Common PHP Based Interface For Cloud Services

 

8. Formee - CSS framework for easily and quickly creating cross-browser web forms. It works with the technique provided by Fluid 960 Grid System to compose the form's layout.

Formee

 

9. MooTools Canvas Library - Formee is a MooTools library that provides you methods to manage and interact with the content of a HTML5 canvas element.

MooTools Canvas Library

 

10.  IxEdit - JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages

IxEdit

 

11. CSS Grid Builder - a lightweight CSS framework developed by Yahoo! that comes with over 1000 page layout combinations.

CSS Grid Builder

 

12. Venkman - a JavaScript debugging environment for Firefox 2, Netscape, and Seamonkey. It gives you a GUI for stepping through JavaScript code and setting break points.

Venkman

 

13. CodeIgniter - free open source PHP Framework with relatively small codebase. It uses the Model-View-Controller (MVC) approach for development, which allows better separation between logic and presentation.

CodeIgniter

 

14. DOMAssistant - a modular lightweight JavaScript library, with CSS selectors, event handling, AJAX and complete Unicode support.

DOMAssistant

 

15. UKI - a JavaScript based rich view component framework that can be used to create full desktop like web applications or just components inside a web page.

UKI

 

16. Less - an HTML5 powered CSS framework for building flexible multi column website layouts for varying screen widths.

Less CSS

 

17. PHP Fat Free - a powerful, modular and lightweight PHP 5.3+ web application framework designed to help you build dynamic and robust web sites.  CSS

PHP Fat Free i

 

18. Clean AJAX Framework - an open source engine for AJAX, that provides you high level easy to use interface for AJAX interactions.

Clean AJAX Framework

 

19. BrowserLab - BrowserLab lets you preview web pages across multiple browsers and operating systems. You can get a full-view screenshot, even beneath the fold, or compare how your web page looks in two browsers, side by side.

BrowserLab

 

20. Web Developer Toolbar - Adds a menu and a toolbar with various web developer tools.

Web Developer Toolbar

 

21. Expression Web SuperPreview - It can display a website in IE6, IE7 or IE8 side by side or as an onion-skin overlay and use rulers, guides and zoom/pan tools to precisely identify differences in layout.

Expression Web SuperPreview

 

22. Microsoft WebsiteSpark: A Program For Small Web Design/Development Companies, It is easy to guess that most of the web designers/developers are not the fans of Microsoft.

Microsoft WebsiteSpark: A Program For Small Web Design/Development Companies

 

23. Google Font Directory - Google just announced a very functional font resource with an API which will help using custom fonts within web pages.

Google-Font-Directory

 

24. CamStudio - open source screen recorder software which can record every screen and audio activity on a computer & create industry-standard AVI video files or bandwidth-friendly Streaming Flash videos (SWF).

CamStudio

 

25. Dropbox - an amazing service which keeps you synchronized on any computer with the help of a software that functions as a drive or from a web interface.

Dropbox

 

26. Kodingen - ull-featured online web development platform that enables individuals or teams to work on projects.

Kodingen

 

27. CodeRun Studio - It has support for multiple languages (C#/.NET 3.5, PHP 5.1, JavaScript, HTML and CSS). There is also SQL Server 2005 & Amazon SimpleDB support.

CodeRun Studio

 

28. CSS Sprite Generator - Using CSS sprites is an excellent way to improve web page performance by reducing the number of HTTP requests needed for rendering images.

CSS Sprite Generator

 

29. MochaUI - a web applications user interface library built on the Mootools JavaScript framework. You can use MochaUI for creating really slick user interface for your web applications, web desktops, web sites, widgets, standalone windows and modal dialogs.

MochaUI

 

30. PHPanywhere - There are also features like tabs, find-replace or auto-completion that we could expect from a desktop IDE.

PHPanywhere

 

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

Dojo

 

32. Websecurify - a very easy-to-use and open source tool which automatically identifies web application vulnerabilities by using advanced discovery and fuzzing technologies.

Websecurify

 

33. Alloy UI - a UI metaframework that provides a consistent and simple API for building web applications across all three levels of the browser: structure.

Alloy UI

 

34. PixelZoomer - very handy Firefox extension for web developers which can replace the step of taking screenshots of a web page and pasting it into an image editing software for making pixel-perfect measurements.

PixelZoomer

 

35. Firebug - Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page

Firebug

As a web designers or/and developers, I believe we all have our own favourite tools. For me, I have heaps of them and some of them are extremely useful.

Sponsors Adverts

POPULAR Articles

Written on 24/07/2014, 09:59
For instance if you designed an awesome DVD cover you can take this DVD Plastic Case Free Template, and mockup your design and see how it would look in...
Written on 15/04/2014, 00:28
Here collection of logo mockups for free download will helpful save time for logo and graphical designers to making a new logo when inspiring ideas from...
Written on 08/04/2014, 00:04
A family of thirty precision-crafted vector glyphs. Elegant. Simple. Modern. The modern minimal glyphs were created as a humble set of icons...
Written on 17/04/2014, 10:59
If you are searching for free html5 and css3 responsive website templates to boost your website functionality, took a little extra time to see templates...
Written on 09/04/2014, 10:54
Brand identity in the pre-established brand positioning is very critical stage; only a clear positioning and consumers can have emotional side of the...
Written on 09/04/2014, 11:39
When we come to designing, we have to implement a lot of styling features. Whether it would be a logo design or any kind of poster making , efforts are...
Written on 09/06/2014, 07:07
The occupation of rocinha a notorious hillside "favela" that overlooks some of rio's swankiest areas is a crucial part of the city's preparations to...
Written on 07/04/2014, 23:13
With the following powerful and elegant jQuery notification plugins that easy to create alert,success,error,warning,information and confirmation...
Written on 11/06/2014, 08:24
Developing the logo design concept is where creativity comes into play, this is where the designer must create the logo by using the design brief and...

create-your-own-jquery-plugin

30 Best Examples of Free jQuery Content Sliders

jQuery developers and designers widely use content slider scripts to create various and flexible effects on the images.

30 jQuery Free Photo Albums with Tutorials

This post includes essential tutorials for photo galleries in many styles so they could perfectly fit your sites, running smoothly and seamlessly.

12 jQuery CAPTCHA Plugin with Tutorial

CAPTCHA is designed to recognize the difference between a bot and human and sometimes even malicious software to provide the security to your system.

new-photoshop-tutorials

60 Free Adobe After Effects Text Effects Tutorials

Whether you're a beginner, intermediate or expert, you're sure to find what you're looking for in our great collection of After Effects tutorials.

50 Autodesk 3DS Max Tutorials for Beginners

The list is composed of several Autodesk 3ds Max techniques that you may need to use in creating 3D graphics.

20 Adobe Fireworks Tutorials for Web Design

We have collected some useful and fresh tutorials on Adobe Fireworks including generating PDFs, exporting CSS based layouts.

full-template-with-cms-skins

60 Elegant Responsive Free Drupal 7/8 Themes

Showcase very modern and professional Free Drupal 7 theme giving your endless possibilities. All those Drupal 7 themes.

20 Fantastic Responsive Free Joomla 2.5/3 Templates

You’ll find best Latest Free Joomla! 2.5 and Joomla! 3 Templates Around because we’re going to use our blog as a tool to promote our business.

20 Response FREE Wordpress Themes Releases IN 2014

In this article I want to showcase best 20 free Response Wordpress blog themes released in 2014. I hope these themes will fit your needs.

jquery.min.js,jquery-noconflict.jsjquery.min.js,jquery-noconflict.js