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 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
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.
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.
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+
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:
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.
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!
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.