Expandable box using CSS
Mar 8th
In HTML, if you don’t specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list. That list will grow be be as big as it needs to be to fit all of it’s list elements. If a user increases the font size in their browser, the list will expand vertically, growing to fit the larger content. Sometimes it feels like vertical-only expansion is limiting and it would be nice if the element could grow horizontally as well as vertically with a font size increase by the user.
Features include:
* Works in all major browsers
* Expands both vertically and horizontally
* Uses a single background image
Expandable box using CSS
Creating A Draggable Sitemap using jQuery
Mar 4th
Create a simple & easy use draggable sitemap using jQuery for your website. This tutorial can be used to understand the basics of implementing a drag/drop feature using jQuery & also to extend it beyond Sitemap & use it in your web applications.
Draggable Sitemap using jQuery
Thumbnail with Zooming Image and Fading Caption | jQuery
Feb 9th
Learn how to create a image gallery with thumbnail zoom-in effect effect when a user does a mouse rollover on a thumbnail. Nice effect to better display your image gallery & it has options to fade the caption of the thumbnail on rollover.
Thumbnail Zoom & Fade-in caption using jQuery
Date picker using MooTools
Feb 8th
Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements. This class is a compilation of many date-pickers & has been completely re-written for Mootools by the author.This plugin has excellent styling elements which can make date picking a stylish element on your website.
Date Picker using MooTools
MooTools powered Scrollbar
Feb 8th
Calendar using MooTools events
Feb 7th
Table with keyboard navigation using jQuery
Feb 6th
KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table. With KeyTable Excel style table navigation can be employed to provide features such as editing of a table without requiring a mouse. As a further bonus, KeyTable integrates seamlessly with DataTables.
How it works: the table is editable through keyboard navigation. Simply navigate to the cell you wish to edit and hit return. This initialises the excellent jEditable plug-in for jQuery – make your edit and then hit return again to save.
KeyTable using jQuery
Full size calendar using jQuery
Feb 6th
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar). It is visually customizable and exposes hooks for user-triggered events (like clicking or dragging an event).
Full size calendar using jQuer
Subscribe to RSS Feed