10 super useful tools for JavaScript developers | CatsWhoCode.com

via 10 super useful tools for JavaScript developers | CatsWhoCode.com.

In recent years, JavaScript has proven that it has to be taken seriously because it can really enhance the web, not only provide some cheap effects such as blinking text. In this article, I have compiled the 10 most amazing tools and script for all JavaScript developers.

MicroJS


Need a piece of code quickly? MicroJS is a brand new site which aim to provide JavaScript code snippet for most common tasks: Ajax, Json, DOM, Object-Oriented JavaScript, and more. A true gold mine to have in your bookmarks!
Visit http://microjs.com/

Diva.js


Diva is a Javascript frontend for viewing documents, designed to work with digital libraries to present multi-page documents as a single, continuous item. It is designed to work with a IIPImage server and will be an awesome tool for those working on library or bookstore websites. A demo is available here if you want to have a look.
Visit http://ddmal.music.mcgill.ca/diva/

Bookmarklet Generator


As you can guess, this tool is a bookmarklet generator: Simply paste your regular JavaScript code, press the button and you’ll get a bookmarklet – ready to be installed on your browser bar.
Visit http://benalman.com/code/test/jquery-run-code-bookmarklet/

jQAPI


Like any other jQuery developers, I spend a large amount of time digging in the documentation. jQAPI is a website which provides the jQuery documentation in a more user-friendly way, so it is now my reference site when I need any jQuery help.
Visit http://jqapi.com

heatmap.js


Day after day, JavaScript continues to surprise me with its endless possibilities: For example, heatmap.js allows you to generate web heatmaps with the html5canvas element based on your data. Easy and efficient!
Visit http://www.patrick-wied.at/static/heatmapjs/

Respond.js


Respond.js is a small script that allow you to use CSS3 media queries on browsers that do not support it yet (Yes IE, we’re looking at you…).
Visit https://github.com/scottjehl/Respond/blob/master/respond.min.js

Modernizr


Modernizr is a script that helps older browsers to work almost as good as newest ones, so you can build modern applications that will work on IE6 and 7. Your clients will love it, that’s guaranteed.
Visit http://www.modernizr.com/

YepNope


YepNope aim is pretty simple: It answers yep, or nope. For example, ask YepNope is Modernizr is loaded. If yes, ask YepNope to do this, and if not, ask YepNope to do that. That’s simple as that, and very useful in many cases.
Visit http://yepnopejs.com/

Ligature.js


Ligature.js is, unsurprisingly, a script that adds pretty ligatures to any kind of text. A must-have for all typography lovers out here!
Visit http://code.google.com/p/ligature-js/

FitText.js


FitText is a very interesting tool, that allows the automatic resizing of a text regarding the size of its parent element. Just have a look to the website and resize your browser: The text will fit. Another very interesting tool for modern websites and applications!
Visit http://fittextjs.com/

Advertisements

3 comments on “10 super useful tools for JavaScript developers | CatsWhoCode.com

  1. I have been absent for a while, but now I remember why I used to love this site. Thank you, I’ll try and check back more frequently. How frequently you update your site?

  2. I truly appreciate this post. I have been looking everywhere for this! Thank goodness I found it on Bing. You’ve made my day! Thx again! “That which does not kill us makes us stronger.” by Friedrich Nietzsche.

Comments are closed.