CodeKit automatically compiles Less, Sass, Stylus, CoffeeScript & Haml files. It effortlessly combines, minifies and error-checks Javascript. It supports Compass. It even optimizes jpeg & png images, auto-reloads your browser and lets you use the same files across many projects. And that's just the first paragraph.

Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.

A Modern, Lightweight Open-Source JavaScript Library for Interactive Maps

Boxjs gives you the flexibility of a modular loading system whilst providing the speed of a single, compressed JS file

jVectorMap is a jQuery plugin employed to show vector maps and visualize data on HTML pages. It uses SVG in all modern browsers like Firefox 3 or 4, Safari, Chrome, Opera, IE9, while legacy support for older versions of IE from 6 to 8 is provided with VML. Using jVectorMap is pretty simple as for any other jQuery plugin.

Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph / Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.

An unbelievably easy way to add style and validation to your forms. Forms are everywhere and, usually, suck. Formly makes adding forms to your site a bit more exciting. Easily add style, validation, and a more impressive user interaction with a single function.

In this post we have 25 CSS snippets and hacks that will solve many of the most frequently used and, at times, frustrating CSS development tasks. Why reinvent the wheel when there are already plenty of time-saving pre-written CSS code snippets?

As well as some classic and timeless CSS hacks you will also find many CSS3 snippets, like box-shadow, border-radius,linear-gradient and many more.

Ender is an open, powerful, next level JavaScript library composed of application agnostic modules wrapped in a slick intuitive interface. At only 8k Ender can help you build anything from small prototypes to providing a solid base for large-scale rich applications on desktop and mobile devices.

Vogue is a great idea for a little Node.js app that removes one of the friction points in rapid web design with CSS: saving changes in an editor, then reloading the page in each of the browsers that you have to support. Vogue can monitor your CSS files and communicate with all open browsers via Socket.IO and tell them to re-load that CSS file, making updates happen almost immediately and always passively.

PhantomJS is a minimalistic headless WebKit.

It has fast and native support for various web standards:
DOM handling, CSS selector, JSON, Canvas, and SVG.

PhantomJS can be fully scripted using JavaScript. It is an optimal solution for headless testing of web-based applications, site scraping, pages capture, SVG renderer, PDF converter and many other usages.

MVC is great.  It enforces sensible code organization for your models, templates, and business logic. But you’re probably not going to build even a basic webapp without a fair amount of JavaScript and CSS.  If you’ve worked with a medium to large size code base, you know how quickly things can get out of control for these assets.  To exasperate the situation, teams rarely lay down ground rules on how the developers should organize these assets, so you end up with a mess of inline scripts, inline styles, and multiple directories awash in loosely organized asset files.

So what is the best way to organize these into a framework?  I’ll cover how I go about organizing my JS and CSS, both for the purpose of being able to find things, but also making sure JS code and styles don’t accidentally conflict.  While my example is for Rails, thes ideas will translate directly into other MVC frameworks.

In the previous article in this series, you learned about the canvas element, and the basics for drawing on it. In this article, I’m going to demonstrate some of the more advanced drawing functionality.

This is the first article in a series that will bring you up to speed with HTML5 canvas, the plugin-less drawing functionality built into modern browsers. In this introductory article, I’ll show you how to access the canvas element, draw shapes, change colours, and erase things. It’s a whistle-stop tour of the basics of this amazing new Web technology.

Ever heard of JavaScript? I bet it’s a Yes if you’re a web designer and how long did it take for you to master it? Unless you are a genius, it does take some time to learn how to use it and only after that create some great websites. For those of you who have not yet worked with JavaScript and it kind of scares you – we have good news for you. If you want to increase the usability and the appearance of your website – you can use a really powerful framework to help you out known as jQuery.

jQuery comes in handy  when you want your website to look nicer and user-friendly. Let’s say you would like to add something interactive to your future website, then you could use one of the jQuery plugins and for your information it has many of them at your disposal. What’s more, thanks to all those skilled developers these plugins appear all the time, so that you could use something fresh and up to date for your website. You can easily find them on the Internet, but we can help you with that and offer you a selection of 20 fresh and useful jQuery plugins that you might consider using. Enjoy!

FotonotesTM is an standard, specification, and collection of scripts for annotating images.

Roll your mouse of image to see annotations. Use controls above photo to add/edit/delete notes.

Everyone loves the Google CDN right? Even Microsoft runs their own CDN.

The problem is, they only host the most popular libraries.

We host the other stuff.

JavaScript interpreters are FAST, and they’re in every browser out there. You can run a rich application in the browser using only open technologies and built in browser-functionality, today.

Backbone.js can help build it. It’s a light-weight MVC for the browser – only ~1000 lines of code, and it’s clean.

There’s no magic. It’s mostly just a structure for the code you write – not a bulky collection of widgets and doodads. It’s fast to learn, and lets you work with whatever technologies you’re already comfortable with.

JavaScript interpreters are FAST, and they’re in every browser out there. You can run a rich application in the browser using only open technologies and built in browser-functionality, today.

Backbone.js can help build it. It’s a light-weight MVC for the browser – only ~1000 lines of code, and it’s clean.

There’s no magic. It’s mostly just a structure for the code you write – not a bulky collection of widgets and doodads. It’s fast to learn, and lets you work with whatever technologies you’re already comfortable with.

JavaScript interpreters are FAST, and they’re in every browser out there. You can run a rich application in the browser using only open technologies and built in browser-functionality, today.

Backbone.js can help build it. It’s a light-weight MVC for the browser – only ~1000 lines of code, and it’s clean.

There’s no magic. It’s mostly just a structure for the code you write – not a bulky collection of widgets and doodads. It’s fast to learn, and lets you work with whatever technologies you’re already comfortable with.

Jshon parses, reads and creates JSON. It is designed to be as usable as possible from within the shell and replaces fragile adhoc parsers made from grep/sed/awk.

WireIt is an open-source javascript library to create web wirable interfaces for dataflow applications, visual programming languages, graphical modeling, or graph editors.

The developers of TinyMCE brings you Plupload, a highly usable upload handler for your Content Management Systems or similar. Plupload is currently separated into a Core API and a jQuery upload queue widget this enables you to either use it out of the box or write your own custom implementation.

About 2 years ago I wanted a Lorem Ipsum Javascript to make adding Lorem Ipsum to webpages in progress a little less work & bandwidth consuming.
It's worked well for quite awhile now, but today seemed like a good day to revamp the script.

This new version of the script works the same way as the last version.
HTML comments are placed where Lorem Ipsum should go & the script replaces those comment nodes with text nodes at the DOM level.
Version 2 is also about 3 times faster, the comment scheme is easier to use, & there's some convience methods added.

Navigation is a critical aspect of any website. Many larger sites use drop down menus in effort to make it easier for visitors to find what they are looking for. In this post we will feature 25 scripts that you can use on your own sites for jQuery drop down menus.

jQuery is fast becoming a must-have skill for front-end developers. The purpose of this book is to provide an overview of the jQuery JavaScript library; when you're done with the book, you should be able to complete basic tasks using jQuery, and have a solid basis from which to continue your learning. This book was designed as material to be used in a classroom setting, but you may find it useful for individual study.

With scripts, you can:
Create your own custom spreadsheet functions
Automate repetitive tasks (e.g. process responses to Google Docs forms)
Link multiple Google products together (e.g. send emails or schedule Calendar events from a list of addresses in a Spreadsheet)
Customize existing Google products (e.g. add custom buttons or menus to run your own scripts)

SoundManager 2 makes it easier to play sounds using Javascript.
By wrapping and extending the Flash sound API, SoundManager 2 brings solid audio functionality to Javascript.