JavaScript Tutorials

Create an Expand/Collapse banner using jQuery, source files included.

Implementing inheritance in Backbone. Creating BaseViews.

When working with jQuery UI tabs it is really easy to dynamically add tabs. You just use UI's "add" method as specified in the documentation: .tabs( 'add' , url , label , [index] ). But there is no method for dynamically adding a close button so the tabs can be removed. Here is a quick little script I wrote to do just that.

Learn how to make your first HTML5 canvas web application with the CAKE JavaScript library. Demo and source code included.

Any great web 2.0 needs cool effects. In this tutorial you will learn how to create a reusable effects class that you can easily change yourself and use almost everywhere.

Using bit.ly API to show number of clicks - that is relatively higher- can be a very interesting measure of how popular your post is.

Use some JavaScript to inject a custom ad block or feature box between paragraphs in WordPress posts.

A horizontal menu with tooltip that slides accross the menu panel. It's a bit similar to lava lamp, but in this script, it displays the caption of the icon menu.

A really cool News Slider that uses two scrollers to create very slick effect. It uses scrollTo to scroll both description and image items and it comes with prev, next, play, stop and mouseover events.

Hash Slider is a Simple and lightweight jquery plugin for content slider, only 2,2kb in size. This jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider.