youRhere is a jQuery plugin that allows users to mark their article progress with a single click.
youRhere is lightweight (6kb when not minified) and features an easy markup and even easier implementation.
The plugin uses HTML5′s local storage API to great effect–a fallback for older seems to be lacking, though– and altogether grants an efficient way of letting your users know that they can safely mark your longer articles and read them fully a bit later.
TinyNav.js is a minuscule (351 bytes) plugin for converting <ol> and <ul>-based navigations to select elements for smaller screens.
TinyNav.js detects the size of the screen, and, if the screen is too small to hold the default navigation (it has to consist of unordered/ordered lists), the plugin downgrades it to a select element.
The plugin is small but useful, especially as everyone is seeking to adapt to mobile devices.
Infinite Ajax Scroll is an infinite scrolling plugin (e.g., the one at Tumblr/Twitter) made with jQuery.
Infinite scrolling allows both increasing average page view time, and increases usability a pinch.
This particular plugin proves useful both for blogs — comment and article scroll — as well as image galleries and portfolios.
The folks at devirtuoso.com have published an awesome tutorial on smooth scrolling in jQuery.
As smooth scrolling is becoming increasingly popular (because it’s so convenient), the demand for such scrolling is soaring among clients.
The tutorial shows you how a “smooth scrolling” navigation is achieved with jQuery and HTML.
The end result is available as a download for those willing skip the tutorial.
contextMenu is a sexy jQuery plugin for creating and managing context menus.
The plugin seamlessly works through even hundreds of menu items, and thus is made especially for large applications — but small apps will make use of it nonetheless.
As the picture tells us, icons can be used for menus, but are optional. You can place input elements inside the menu (even text/textarea), and add fancy on/off commands for your application.
The CSS Ninja has published an awesome tutorial for creating a pure-CSS collapsible tree menu.
Prior to this, earlier menus like this relied on JavaScript.
If there are already JavaScript versions of this, why create one with CSS? First and foremost, a CSS-only solution solves browser compatibility issues (in most cases).
Try including Selectivizr to make it run even on IE6+!
01 February, 2012
By Lauris Veips
