Web design industry is growing very fast and it is very hard to keep follow everything that is happening around us. A good work flow is a must for any professional web developers. We all know web development is tricky and it is time consuming. A good set of web development resources and tools definitely save your time. To integrate good resource and tools definitely improve your work flow and increase your productivity. There are too many resources and tools available, we aim to gather web design and development resources and tools that can make your life easier.

In this post we are showcasing the very best Web Design and Development Resources, technics and tools on a weekly basis, If you know any resources or tools for web design and development please drop a line below.

jQuery Autosize

jQuery Autosize

jQuery plugin for dynamic textarea sizing.

Source

spy-js

spy-js

spy-js: javascript tracing tool.

Source

Ghost

Ghost

Just a blogging platform. Ghost is a free, open, simple blogging platform that’s available to anyone who wants to use it.

Source

styleguide.js

styleguide.js

Generate a styleguide from your CSS, by adding YAML data in the comments. It generates a self-contained html file. Works great for component based CSS.

Source

Start Bootstrap

Start Bootstrap

Better HTML Starter Templates for Bootstrap 3.

Source

Grunt

Grunt

The JavaScript Task Runner.

Source

Swagger

Swagger

Swagger is a specification and complete framework implementation for describing, producing, consuming, and visualizing RESTful web services.

Source

Responsive Elements

Responsive Elements

Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It’s a tiny javascript library that you can drop into your projects today.

Source

Dolly.js

Dolly.js

Dolly.js is a simple and generic jQuery UI widget that adds excel-like cloning functionality to your tables.

Source

SlickNav

SlickNav

Responsive Mobile Menu Plugin for jQuery.

Source