10 Useful Javascript Tools for Developers

10 Useful Javascript Tools for Developers

Javascript tools must-haves in web development. Web developers are constantly trying to create more complex tools to further enhance your web site’s features.  Below are 10 useful Javascript tools for web developers.

FitText.js

http://fittextjs.com/

What this tool does is it automatically resize the text considering the parent element’s size. Use it on your layout to get scalable headlines.  Your web site’s visitors can resize your browser and the text will fit in.

MicroJS

                           

http://microjs.com

Micro-frameworks are the pocketknives of the Javascript world. This one is compact yet very powerful tool. You must have this in your bookmark because it provides Javascript code snippets for all common tasks – DOM, Ajax, Jason, etc.            

                   

DivaJS

http://ddmal.music.mcgill.ca/diva/

This is a Javascript that works with digital libraries to show various page documents as an undivided and single item. A very useful tool for those who work on library sites because it lets you see the documents.

Bookmarklet Generator

               

http://benalman.com/code/test/jquery-run-code-bookmarklet/
A very cool and useful site. If you want to get a bookmarklet to install on your browser bar, just copy and paste your regular Javascript code on the box and press the generate button and that’s it. Simple and fast.

jQAPI

http://jqapi.com/

This site lets you provide jQuery documentation in a user-friendly way. If you need help about jQuery, you can refer to this site.

Heatmap.JS

                                                                                        

http://www.patrick-wied.at/static/heatmapjs/

This type of Javascript lets you generate web heatmaps with HTML5 canvas element. It is customizable as you can choose the gradient color, opacity and more.

Respond.JS

https://github.com/scottjehl/Respond/blob/master/respond.min.js

Tiny yet so great. This script allows you use CSS3 queries on browsers like IE which don’t support it yet.

Modernizr

http://www.modernizr.com/

Modernizr is a JS library that builds next-generation HTML5 and CSS3 powered websites. Your clients will like because it lets your old browsers work as nicely as newer versions. It also helps you make modern apps that will work on older browser versions.

YepNope.JS

http://yepnopejs.com/

A very useful and easy tool that answers yep or nope. It is fast and allows you to load the scripts that your users need.

Ligature.JS

http://code.google.com/p/ligature-js/

If you like typography, this is perfect for you. This is a script that adds great ligatures to any style of texts.

About the author MARVIN BEA is a blogger, webmaster and musician from the Philippines. His interests include arts, photography, travel, fitness and health. He loves to learn web design techniques with Blogfreakz