In today’s post we have listed our collection of very interesting jQuery, JavaScript and Web Development stuff as of June 2012. Watch out for our next post as we are going to give you another set of this pretty interesting random stuff for next month. Some really cool stuff! Enjoy!

Related Posts:

50 Popular jQuery Function Demos

Every aspiring Web developer should know about the power of JavaScript. To help us be with it and be more productive, we can use the power of JavaScript libraries you will see in this article.


Source + Demos


Is an in-browser, pixel-accurate web design tool that integrates with your small team’s design and development process.


Detect Mobile Browsers

An open-source mobile phone detection.

Detect Mobile BrowsersSource + Demo

Google Gravity

Is a pretty amazing trick you would find very interesting! This Google Gravity prank is created by Mr Doob. Go to with Mozilla Firefox or Google Chrome.

Google Gravity Source + Demo

Code Avengers

A fun and effective way to learn web app development is through this free interactive online HTML5, CSS3 and JavaScript.

Code Avengers Source + Demo

Aviary Web Widget

Compatible with all modern browsers, including mobile devices which support Javascript and HTML5 or Flash. Customize with our code generator and integrate within minutes!

Aviary Web Widget
Source + Demo


Is a full Javascript implementation of Microsoft Agent (AKA Clippy and friends), ready to be embedded in any website. Pick an assistant below and mash some animation buttons! Our favorite is Links the cat.

Clippy.js Source + Demo

Select2 2.1

Is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

Select2 2.1 SourceDemo


Compass is an open-source CSS authoring framework which uses the Sass stylesheet language to make writing stylesheets powerful and easy.

Compass Source + Demo


Is an Internet search engine. It uses information from crowd-sourced sites (such as Wikipedia) to augment traditional results and improve relevance.

DuckDuckGo Source + Demo


A community of front end folks focused on inspiration and education.

CodePen Source + Demo


Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.

JS_API Source + Demo

HTML5 Rocks Tutorials – Using CORS

The use-case for CORS is simple. Imagine the site has some data that the site wants to access. This type of request traditionally wouldn’t be allowed under the browser’s same origin policy. However, by supporting CORS requests, can add a few special response headers that allows to access the data.

Using CORS Source + Demo

HTTP Archive

Tracks how the Web is built.

HTTP Archive Source + Demo

Related Posts:

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.

Special Offer
Free course!

Git into it! Bonus course Introduction to Git is yours when you take up a free 14 day SitePoint Premium trial.