These are a few of my favourite things – Part I (Javascript)

Nov 22, 2011   //   by admin   //   Blog, Javascript  //  2 Comments

So, it turns out that I have more than 300 favorites on Twitter. Twitter doesn’t make it easy to categorize or find your favourite tweets. As someone once said – “Finding a tweet is like trying to find a fart in a room full of farts“. I’ve decided to move my favourites here. The motivation for this post is purely selfish. I want to be able to find these easily. If you find them useful too, then that’s a bonus. My first post in this series will list all my favourite Javascript resources – in no particular order.

Moment.js: is a handy dandy lightweight Javascript framework for parsing, manipulating and formatting dates.

Backbonescreencasts.com is a place to have fun and learn all about how to build Backbone.js applications from the ground up. At time of writing, there are two screencast up there – “Backbone.js Quickly” and “Backbone.js on Rails“. You gotta pay for them, but they won’t break the bank at $9 each. I’ve watched and enjoyed “Backbone.js Quickly”.

Backbone Training is a great pointer to a load of useful backbone.js resources – some paid and some free.

List.js: If you want a 7KB cross browser Javascript plugin that makes your plain HTML lists super flexible, searchable, sortable and filterable, then look no further.

DropKick.js: It is generally accepted that styling drop down lists are a pain. DropKick.js is a plugin that makes the job easier, and it plays nice in older browsers.

Money.js is a currency conversion library and it’s just 1KB in size.

Stripe.js is a super simple Javascript API for handling credit card payments. It impressed John Resig, so it must be good!

jQuery boilerplate: jumpstart your jQuery plugin development.

jQuery Performance Tips and Tricks: When Addy Osmani speaks, you should listen. Performance optimisation is a crucial aspect of building ‘snappy’ client-side applications and something which all developers using jQuery should bear in mind. In Addy’s talk, he looks at some of the best practice, tips and tricks for improving the performance of your jQuery code.

Filter.js: is a client side search filtering using JSON and jQuery.

TodoMVC – Developers these days are spoiled with choice when it comes to selecting an MVC framework for structuring and organizing JavaScript web apps. There are so many options, including: Backbone (my own personal favourite), Spine.js, SproutCore 2.0, JavaScriptMVC, Sammy.js, Steve Sanderson’s , KnockoutJS, AngularJS … and the list goes on!

The question then is, how do you decide on which one to use in a sea of so many options? To help solve the problem, Addy Osmani created TodoMVC, a project offering the same Todo application implemented using MVC concepts in most of the popular JavaScript MVC frameworks, so you can select the one you feel the most confortable with.

Recurly.js: Secure, PCI Compliant Transaction forms with fully customizable CSS.

jsPerf: a JavaScript performance playground. jsPerf aims to provide an easy way to create and share test cases, comparing performance of different JavaScript snippets by running benchmarks.

jsFiddle: This is a playground for web developers. It’s an online editor and allows you to write snippets of HTML, CSS, and JavaScript. These snippets can be shared with others, or embedded in a blog, etc.

Douglas Crockford’s jsLint: jsLint is a JavaScript verifier takes a JavaScript source and scans it. If it finds a problem, it returns a message describing the problem and an approximate location.

Chosen.js: is a JavaScript plugin that makes long, unwieldly select boxes much more user friendly.

BoxJS - package up your JavaScript and make your website faster.

.appendTo Training – learn Javascript and jQuery for Free.

MicroJS - a useful collection of copy and paste snippets for various micro frameworks and JavaScript libraries.

Formly – a form glamorizer for jQuery. Useful plugin to add style and validation to your HTML forms.

Tooltipsy - is a jQuery tooltip plugin for control-obsessed designers. It give you complete control over the CSS, animation and position.

Yet another tooltip plugin – another nice tooltip jQuery plugin.

Learn JavaScript: Mozilla’s overview of materials from various sources. It is broken down into Beginner, Intermediate and Advanced, so you should find something useful here whatever your level.

jQuery UI Map – a Google Maps plugin for jQuery UI and jQuery Mobile.

JavaScript Gotchas – an introduction to the weirder side of JavaScript for developers new to the language.

JavaScript InfoVis Toolkit – the JavaScript InfoVis Toolkit provides tools for creating Interactive Data Visualizations for the Web.

MobilyMap - is a jQuery plugin that can create a Google Maps-like, draggable interface from any image. It’s possible to add location-based markers and display information when any of the markers are clicked.

JavaScript from Null – *free* videos series up on Nettuts. If you haven’t already, go check out Nettuts. It’s always the first place I look when i’m learning something new.

2 Comments

  • nice post, I will definitely try to use some of these!

  • Hey thanks! And thanks for stopping by.