DataTables: Plug-in For jQuery Javascript Library

DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, based upon the foundations of progressive enhancement, which will add advanced interaction controls to any HTML table.

Key features:

  • Variable length pagination
  • On-the-fly filtering
  • Multi-column sorting with data type detection
  • Smart handling of column widths
  • Display data from almost any data source
  • Scrolling options for table viewport
  • Fully internationalisable
  • jQuery UI ThemeRoller support
  • Rock solid – backed by a suite of 2800 unit tests
  • Wide variety of plug-ins inc. TableTools, FixedColumns, KeyTable and more
  • It’s free!

jQuery Smooth Scrolling Plugin

Page Scroller is a powerful JavaScript based smooth scrolling navigation system that utilizes the robust jQuery library. Created entirely with ease of use in mind, the plugin will work on any website. Don’t believe me? Try it yourself…

Source Website & Download


A lightweight jQuery plugin that enables expanding and collapsing content.

This Plugin delivers an accessible and lightweight solution to a widely adopted interface pattern (known as progressive disclosure). It includes features like cookie persistence, ARIA compliance, and is designed to be flexible and modular enough to be used in many different’t scenarios.

Source by:


Related articles

JavaScript Pattern Collection

A JavaScript pattern and antipattern code collection that covers function patterns, jQuery patterns, design patterns, general patterns, literals and constructor patterns, object creation patterns (upcoming), code reuse patterns (upcoming), DOM and browser patterns (upcoming).

Source by:

New HTML5 Features to Improve your Web Form

New HTML5 Features to Improve your Web Form.

HTML5 introduces numerous new options to create more functional web forms. In this article, I’ll show you exciting new HTML5 features to improve your forms and make them more functional and user-friendly.

Please note that HTML5 is an emerging technique. These examples are not intended for use on a production site. Results may vary according to browser implementation. Please use Chrome or Safari for best results.

Continue reading

Free JavaScript and jQuery Lessons & JavaScript Optimization and Monitoring in One

Free JavaScript and jQuery Lessons

Let’s face it: at least a fundamental knowledge of JavaScript and jQuery is becoming necessary for developers and many designers. But these technologies are not exactly simple to use. Learning a new programming language is no easy task.

That’s where .appendTo comes in. The website offers a number of JavaScript and jQuery lessons. It doesn’t even require you to sign up for an account. Just watch free screencasts (each around 10 minutes long), and build a solid foundation of JavaScript and jQuery knowledge. The resource currently has eight lessons, including “JavaScript 101,” “Selectors 101,” “DOM Manipulation 101” and “jQuery Methods 101” (as well as some more advanced lessons on JavaScript and jQuery). (cc)

Continue reading

Responsive Web Design Techniques, Tools and Design Strategies – Smashing Magazine

via Responsive Web Design Techniques, Tools and Design Strategies – Smashing Magazine.

Responsive Design Techniques

CSS Transitions and Media Queries
Elliot Jay Stocks provides insight into the combination of CSS media queries and CSS transitions. The basic premise is this: you use media queries to design responsive websites that adapt in layout according to browser width, and you constantly resize your browser to see how the website performs, but every time a query kicks in, there’s a harsh jump between the first style and the second. Why not use some simple CSS transitions to smooth the jump by animating the resize? A nice case study.

Responsive-design-116 in Responsive Web Design Techniques, Tools and Design Strategies


Continue reading

10 super useful tools for JavaScript developers |

via 10 super useful tools for JavaScript developers |

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.


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!

Continue reading

Programming Advice for JavaScript Developers

Good code requires a good understanding of the basics of the language it is written in. With the advent of advanced JavaScript libraries such as jQuery, many developers jump straight into writing code using jQuery or its numerous plug-ins. However, learning more about the foundation of JavaScript itself might give you a better understanding of the concepts behind jQuery and the language itself.

JavaScript Garden is a growing collection of documentation about the quirkiest parts of JavaScript. It offers advice on avoiding common mistakes and subtle bugs, and it lays down performance issues and bad practices that JavaScript programmers might run into on their journey to the depths of the language. The resource is dedicated to professional developers rather than beginners, and it requires some basic knowledge of the language. Currently, the documentation is available in Russian, Chinese, Finnish and English. (tb)


Read More by:

Useful JavaScript and jQuery Tools, Libraries, Plugins

Recently we’ve been receiving more requests for carefully selected, useful round-ups. We try to avoid round-ups on Smashing Magazine, but sometimes the format is useful and — if the resources are relevant — can be extremely helpful. Besides, we are glad to drive traffic to some obscure, yet useful resources and thus support the developers of these resources.

jStat : a JavaScript statistical library

In this round-up, you’ll find some of the useful JavaScript and jQuery tools, libraries and plugins that we have stumbled upon recently. Hopefully, you’ll find them valuable for your upcoming projects. Among other things, you’ll find handy services and online utilities, recently released JavaScript libraries and jQuery plugins.

Read More by:

By routhu Posted in Uncategorized Tagged