The act of converting content from its original format into a format capable of being displayed on the web
Manage Multiple WordPress Sites

Navigation

Navigation Category

A Cross-browser Alternative To Select Forms — Selectik

Selectik is a jQuery plugin that’s meant to be an alternative to standard select forms.

selectik A Cross browser Alternative To Select Forms    SelectikSelectik has some useful features:

  • smart positioning;
  • TAB key;
  • keys up/down and Enter/Esc;
  • controlmouse wheel and button control;
  • search by first letter;
  • etc.

All in all, Selectik looks like a really good alternative to select forms, and even if the features seem overdone for a regular website, the default design is worth it.

 

Pan & Zoom an Element — Panzoom

Panzoom is a jQuery plugin for panning and zooming an element.

panzoom Pan & Zoom an Element    PanzoomPanzoom uses CSS transforms and matrix functions to ensure that users can pan anything – a video, an image, a menu, etc.

Additionally, Panzoom supports touch gestures and is thus suited for tablets and mobile browsers. It uses Modernizr to detect if touch features are supported.

 

Find In-page Text Using Synonyms — Cinnamon.js

Cinnamon.js is a neat little library that helps users find things on a page using synonyms.

cinnamon Find In page Text Using Synonyms    Cinnamon.js

 

From a cursory look it seems that Cinnamon.js uses hidden fonts that somehow blend with the element.

You have to provide the synonyms yourself (they can be added to images too), but of course with the know-how you could ameliorate the plugin to automatically use synonyms from a dictionary.

Keep in mind, however, that Google penalizes hidden content, so at best this library is useful as shown in the example — by providing static sections of your website with alternate names or synonyms. The aim of this plugin is to ease user navigation.

Simple Website Tour With MooTools — Tour.js

Tour.js is a MooTools library for creating a website tour easily.

tourjs Simple Website Tour With MooTools    Tour.jsTours are created by moving a highlighted box through the elements of a website. The plugin has a number of useful features, such as keyboard navigation, and events for controlling the tour better.

Overall, although this is one of the simplest plugins for creating such tours, I don’t know if another exists for MooTools, and if another exists which is as simple to implement.

Panel Menus Like in Mobile Apps — jPanelMenu

jPanelMenu is a jQuery plugin that creates panel menus like those of iPhone apps.

jPanelMenu Panel Menus Like in Mobile Apps    jPanelMenu

The thorough plugin features animations, keyboard shortcuts, and even easing effects along with a powerful API.

Even though it’s bloated with features, jPanelMenu does seem to be easily implementable so its options, callbacks and the ever-mighty API are more than welcome.

Accessible, Dropdown-enabled Tabs — NeoTabs

NeoTabs, a jQuery plugin developed by Pascal Precht, is a tab-generating plugin that also supports dropdown-enabled tabs.

neotabs Accessible, Dropdown enabled Tabs    NeoTabsWhile similar plugins already exists — the author points Accessible Tabs as an alternative — those don’t have a tab dropdown option. That is the main reason why NeoTabs was created at all.