I was playing with jQuery and tables yesterday, and got a weird idea: what about converting characters to tables using jQuery?
The idea evolved and I started to write a new jQuery plugin, charToTable.
I really don’t know if someone will find it useful, but it actually works fine.
It uses some PHP + GD to convert a character to an image, and then to a JSON object containing the glyph matrix.
jPList is a jQuery plugin for sorting, paging and filtering any content, such as DIVs, lists and tables.
Browser based pin pad that protects the page from access until the correct code is put in. Uses jquery, colorbox, grumble to achieve all the effects.
When the page is loaded it is covered up by a pinpad. Putting in the right pin will reveal the page contents and set a cookie allowing access to that page for 30 seconds (Obviously this can be changed). Also, it will relock the page and require the pin number every 30 seconds (This too can be changed )
jCRUD is a lightweight jQuery plugin allows you to create, read, update, and delete content of HTML tables with ASP.NET server side code and AJAX.
Portamento is a jQuery plugin that makes it simple to add sliding (aka “floating”) panel functionality to your web page. All that’s needed is some simple CSS and one line of JavaScript, and you’re away!
It works fine with floated and absolutely-positioned layouts, in all modern browsers and some not-so-modern ones too.
In this tutorial, we will be writing a jQuery plugin that will help you draw users’ attention to a specific part of the page, in the form of a small arrow that is displayed next to their mouse cursor. This can be useful for pointing to missed form fields, buttons that need to be pressed, or validation errors that need to be scrolled into view.
This class implements multiline html truncation, expand-collapse links, and wordwrap / hyphenation through JavaScript using the jQuery library. It follows a binary tree split algorithm along DOM textnodes & html nodes. On page load the Truncator will automatically wrap & truncate containers with the truncate class.
Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.
In a carousel, one could think that simply making its container “shorter” will solve the problem on smaller screens, but in some cases (e.g. when we have bigger images) it might be reasonable to resize the items as well. This and other options are part of Elastislide’s properties.
Elastislide uses the jQuery Touchwipe Plugin which allows you to obtain the wipe event on an iPhone, iPad or iPod Touch.
FitVids.JS is a lightweight, easy-to-use jQuery plugin for embedding fluid width videos.This jQuery video plugin is easily configurable, simply include jQuery and FitVids.js in your layout and target your videos container with fitVids(). This will wrap each video in a div.fluid-width-video-wrapper and apply the necessary CSS. After the initial Javascript call, it’s all percentage-based CSS magic.
The navigation at apple mac page are using an easing effect, it separating each product by the category, I love the effect when user click on the navigation it like the products appear and disappear one by one, with the easing effect on the end movement, like bouncing on the vertical line
If you see the source code on apple page, seems they are still using prototype.js, once are the most popular javascript framework, before the appearance of jquery. In this post I want to create something like the apple mac navigation menu using jquery easing plugins.
