Latest Javascript Resources For Web Designers And Developers

Javascript and jQuery plugins are very important resources nowadays for designers as clients want everything to be dynamic and modern. They are important also for their versatility and the possibility to create incredible new features with them.

I like to bookmark for myself all the new things that are launched in this particular industry so I can keep up with the advancements and I’m happy to share these bookmarks with you in an attempt to help you with your projects.

jQuery.fracs – determine the visible fractions of an element

jQuery.fracs - determine the visible fractions of an element

jQuery.fracs determines the fraction of an HTML element that is currently in the viewport, as well as the fraction it takes of the complete viewport and the fraction of the area that might possibly be visible. It also provides the coordinates of the visible rectangle in document, element and viewport space.
Continue reading


Intelligent Use Of jQuery Sliders – 45 Inspirational Websites

Some time ago I wrote an article about jQuery sliders presenting a few options that you can use in your web design projects, but most of them are in raw form, meaning that you have to customize them to integrate in your design. In this article, you will see inspirational examples of how others have used jQuery sliders in a pretty clever way making those websites of theirs look pretty damn cool.

The websites that you will see below are pretty fresh and use this year’s design trends, combining the use of jQuery with CSS3 and HTML5 in some cases.

mathieuclauss.com

mathieuclauss.com - Intelligent Use Of jQuery Sliders

thedestination.co.za

thedestination.co.za - Intelligent Use Of jQuery Sliders
Continue reading


28 Useful Plugins To Enhance Your Tables’ Efficiency

When I was working for the last client, I had to make a table sortable. I knew I saw a jQuery plugin do that somewhere but I didn’t know exactly where so I started searching. In my search, I’ve discovered a lot of jQuery plugins that did that and besides this action, a lot of them who would improve the functionality of a regular table making it dynamic and more efficient. I’m sharing these plugins here with you, 28 of them and hope they’ll be useful for your current or future web projects.

Table Sorter

Table Sorter

Tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell. It has many useful features including:

  • Multi-column sorting
  • Parsers for sorting text, URIs, integers, currency, floats, IP addresses, dates (ISO, long and short formats), time. Add your own easily
  • Support secondary “hidden” sorting (e.g., maintain alphabetical sort when sorting on other criteria)
  • Extensibility via widget system
  • Cross-browser: IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+
  • Small code size

DataTables

DataTables

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
  • DOM, Javascript array, Ajax file and server-side processing (PHP, C#, Perl, Ruby, AIR, Gears etc)
  • Scrolling options for table viewport
  • Fully internationalisable
  • jQuery UI ThemeRoller support
  • Rock solid – backed by a suite of 1400+ unit tests
  • Wide variety of plug-ins inc. TableTools, FixedColumns, KeyTable and more

Continue reading


Useful jQuery Tooltip Plugins That You Could Use On Your Web Projects

The other week a client asked me to make a div appear when hovering a link so I thought immediately at a jQuery tooltip. Sure, getting one that was appropriate to my needs was a little bit difficult and I found myself searching through a lot of them. At the end of the day I had a serious list of jQuery tooltips that I could download and even tutorials about how to create some hover effects that popular sites are using. I’m sharing this list with you and hope it will be as useful for you as it was for me.

qTip2

qTip2 jQuery Plugin

The second generation of the advanced qTip plugin for the ever popular jQuery framework.

Building on 1.0′s user friendly, yet feature rich base, qTip2 provides you with tonnes of features like speech bubble tips and imagemap support, and best of all… it’s completely free under the MIT/GPLv2 licenses!

Prototip 2

Prototip 2 jQuery Plugin

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

  • Style: Easy to customize.
  • Position: Complete control over tooltip positions.
  • Round: Configurable rounded corners, no PNG images required.
  • Speech bubble effect!
  • Works on all modern browsers.

Continue reading


Selection Of 45 Sites That Are Neat Thanks To jQuery

jQuery is a tool that almost every webdesigner uses nowadays and in most cases, jQuery plugins give a certain feel to the site on which is used, making it more friendly for the user but also more appealing thanks to its dynamic features. It is a pleasure to navigate on these sites below thanks to jQuery and you will discover this soon. Make sure you check not just the front page of these sites. Trust me, it’s worth it.

tobiasahlin.com

tobiasahlin.com Selection Of 45 Sites That Are Neat Thanks To jQuery

ormanclark.com

ormanclark.com Selection Of 45 Sites That Are Neat Thanks To jQuery

jacoboneal.com

jacoboneal.com Selection Of 45 Sites That Are Neat Thanks To jQuery
Continue reading