Archive for the ‘Browsing’ Category

MyTableGrid is a JavaScript-powered datagrid control, built with Prototype, for displaying data in an easy-to-browse & flexible way.

It offers an Ajaxed interface with pretty fast paging & data-sorting.

Data Grid With Prototype

Columns can be resized & any columns can be easily removed for a better view of data.

MyTableGrid allows browsing via keyboard (with the help of KeyTable library).

It supports instant editing of cells & complete skinning via CSS.

jQuery Impromptu, a jQuery pugin, is offering a chic replacement for alert, prompt, and confirm dialogs.

Although it is not an alternative for modal windows, it can display any HTML content, supports sequential messages & more.

jQuery Prompt Window

The plugin comes with a bunch of options for maximum customization like:

  • loaded, callback & submit functions to step in every point
  • changing prompt & overlay speeds
  • using different animations on prompt windows 6 more

The look/feel of the message boxes can be updated easily via CSS & various examples are provided on theming.

jQuery Superbox! is a jQuery plugin for creating easily customizable modal windows (lightbox-like).

It is an accessible script, uses the rel attribute of an element for triggering & href attribute is used for defining the source to be displayed.

To change the look & feel, it is enough to play with the CSS as no styles are set by default.

jQuery Modal Window

It can display any type of content as every HTML content can be presented. But by default, images (single or gallery mode), text content & iframes are supported

Dimensions of the modal window can be choosen to resize automatically according to the content or width & height can be defined for a standard size.

jQuery TOOLS is a set of frequently used user interface components, built with/for jQuery, to power your websites.

The library is lightweight (5.8kb) and consists of the following tools:

  • tabs
  • tooltip
  • scrollable
  • overlay
  • expose
  • flashembed

jQuery Tools

All the tools can be used together, extended, configured and styled which makes it very flexible.

Every feature in the library is very well documented & offers various examples to lower the learning curve.

It is also possible to download the tools you need rather than the whole package, combined in a one file.

TinyBox is a lightweight (3.5kb) modal window script that does not depend on any JavaScript frameworks.

It can display any Ajax or HTML content (from text to videos). Also, if enabled, the modal boxes fade in/out & dynamically resize based on the loaded content.

JavaScript Modal Box

With the auto-hide support, the script can be used to show notifications. It is called & configured within one line, like:

TINY.box.show('advanced.html',1,300,150,1,3)

where all the settings can be mentioned easily. For a demo of TinyBox, click here.

First impressions are important & a website with lots of typo may easily result in losing visitors.

Spell Check Rex is an open source website spell checking application, built with PHP & MySQL, which can be installed on any website to automatically monitor & report spelling mistakes.

Website Spell Checker

The application spiders the given website and generates reports. It supports frame-enabled websites & directories, pages can be excluded.

Spell Check Rex only supports English (has a multilanguage backend) & has 110,000+ words in its database.

jQuery Fancy Gestures is a plugin for enabling mouse gestures on any website.

Using the plugin, you can accept inputs similar to smartphones, create a captcha where users will need to draw a text & more (totally up to your imagination).

jQuery Mouse Gestures

The plugin is a port of mouse gesture recognition with ActionScript & uses Walter Zorn’s VectorGraphics library.

Every position (N,W,S,E,NW,SE, etc..) is described with a number & it is possible to create custom gestures by defining the related series of numbers.

Page Peel effects can be very useful as they create new areas -which are mostly used for banners- on websites.

In general, they are created with the help of Flash but Soh Tanaka is featuring a a very nice tutorial on creating a page peel effect with jQuery & CSS.

jQuery Page Peel Effect

The logic of the effect is simple & smart. It is created by animating the size & position of a peel image which is originally positioned over the content to be shown.

To see a demo for this nice tutorial, click here.

MochaUI is an user interface library built on the Mootools JavaScript framework.

The library does not use any images but canvas tags for gradients, rounded-corners or shadows.

MochaUI

It is very easy to create horizontally and vertically fluid layout modules with columns and panels. Columns and panels (panels can be tabbed) can be collapsed, expanded, and resized.

New windows can be created instantly and they can be:

  • focused, dragged, resized
  • collapsed/expanded
  • maximized/restored
  • minimized/restored and closed.

For an example with most of the features, click here.

tabSwitch is a jQuery plugin for creating tabs & sliders very easily.

It is possible to choose from 7 different effects (fade, show, toggle..) with 2 view styles. Any type of HTML can be used & tabs can be switched as previous-next or directly into a specified one.

tabSwitch - jQuery Tab Plugin

The look of the viewport can be customized via CSS & every single tab can have its own class.

To see the simplicity of usage, here is how it is called & customized:

 $('.SlideTab').tabSwitch('create', {type: 'toggle', height: 300, width: 440}); 

And, tabSwitch can auto-display each tab/slide. More examples for the plugin can be found here.

feed-holder
FeedBurner
  • PSD to HTML
  • Manage your clients email marketing with sendcube
  • MailChimp
17% Off Web Hosting Sale - eTecc Web Hosting
  • RapidxHTML - Converts Your PSD into XHTML Rapidly
  • activeCollab | Project Management
  • PSD to HTML

Vivvo CMS - Web Publishing at your Fingertips

Popular Posts


Cheap SSL Certificates