Web Development Resources and Tools
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.

Circle Expando Buttons

Saw some button where you hover over them and they get kinda painted (legworkstudio). This isn’t quite that, but easier.
Circle Expando Buttons

Test Across Browsers – virtual tools

BrowserStack lets you instantly view your site across browsers, across platforms.
Test Across Browsers - virtual tools

Attempt for Chrome-style progress-indicator with SVG and CSS animations

Attempt for Chrome-style progress-indicator with SVG and CSS animations

Stylie

A fun CSS animation tool.
Stylie

CSS Media Query Generator

CSS Media Query Generator

Animated Books

This only works in browsers that support CSS 3D Transforms.
Animated Books

Chrome Logger

Chrome Logger is a Google Chrome extension for debugging server side applications in the Chrome console. Most languages include their own logging capabilities, but sometimes it is easier to see your logs right in the browser. Chrome Logger used to be known as ChromePHP.
Chrome Logger

CSS Libraries

A curated collection of great CSS, Sass, LESS and Stylus libraries.
CSS Libraries

HTML5 Video Player  – Video.js

Video.js – open source HTML5 & Flash video player.
HTML5 Video Player  - Video.js

Chart.js

Easy, object oriented client side graphs for designers and developers. Simple HTML5 Charts using the canvas element chartjs.org
Chart.js