Today we are featuring a simple CSS3 based circular navigation menu by Stu Nicholls that you can use on your website or web application to provide a creative navigation menu. This lightweight CSS3 animated circular menu uses CSS3 Transforms and Transitions methods to produce animated circular icon menu with circular sub menus.

By hovering over an icon, it animate into six icons in a circular pattern. Then hover any of these icons to see a sub set of six icons animate into a circular attern around each icon.

DropKick.js is a jQuery plugin for creating beautiful, graceful, and painless custom dropdown menus.

DropKick works by transforming your existing, boring select lists into beautiful, customizable HTML dropdowns. The name attribute is the only one that is required. DropKick was made to be easily theme-able and supports dynamic theme changing.

CSS3 Buttonize Framework, as the name suggests,  is CSS based framework for generating buttons. It is lightweight, simple and quick. No matter what style you want, Buttonize Framework can generate small, big, fat, chunky, sober, cheesy, smart, rounded, showy, and good looking CSS buttons in no time.

How do you display your PowerPoint presentations online? Google Docs, Slide Share… and other tools that let you convert your PowerPoint documents with basic slideshow and animation features? They are quite smart but what do you do to keep your online and offline documents synchronized or what do you do when you want to make instant online changes. Wont it be good if you were able to convert simple HTML slides into decent online presentations without requiring any third-party tools?

Imagine editing and maintaining your online presentations just as you manage HTML pages. This is now possible with Fathom.js which is a simple and open source library to create and manage your online presentations. You content is held in HTML, style and formatting in CSS and slideshow is powered by JavaScript. Fathom.js supports mouse, keyboard and scroll bar navigation built in and provides a simple API for creating your own custom interfaces.

If you are going to design a considerably large website, portal or application (large does not mean 18 pages ), you need clear visibility of what is going to be developed and how it is going to be fit in the big picture. You cannot just start designing the wireframe without knowing the actual depth and breadth of the system.

CSSsitemap System (well, not actually a real sitemap system) allows you to design sitemap-like visual structure of the system. It helps you understand the workflow and division of resources all across the system. Based on pure CSS, CSSsitemap System is fast, efficient and clutter-free.

The system is intended for documenting pages in a website in a visual and functional way. It’s very straight forward: pages are presented in a branched format using unordered lists. URL information can be added to any item in the tree for quickly navigating complex sites.

Tabs are a useful tool for providing bulk of information in a small space with complete interactive experience. They can animate, contain images and forms, list features, and provide tabbed interface for dynamic content and much more.

However most tab solutions available online are too complex to personalize, scale up or trim down – unlike Classy Tabs.

Classy Tabs is a lightweight, jQuery plugin that creates clean, fast, and efficient tabs. Powered by jQuery and CSS3, Classy Tabs is free to use and easy to personalize for all types of contents. You can use it to display plain text, dynamic content, images, forms etc.

Read the rest of this entry »

Got a lot of content to manage in a limited browser space? Try Smart Paginator!

Smart Paginator is free jQuery plugin for pagination that you can use to paginate large amounts of data or content without sacrificing your design and user experience. You can integrate SmartPaginator is any web application and style it according to your design scheme. All the navigation logic is built-in to the code and can be modified and controlled with simple parameters.

Smart Breadcrumbs is a useful breadcrumb navigation generator script. Smart Breadcrumb plugin follows the centralized dynamic approach and creates XML driven breadcrumb navigation with the help of jQuery.

No HTML markups, no maintenance hassles, simply provide an XML file containing your site structure, reference necessary scripts and CSS files.

liteAccordion is a lightweight horizontal accordion plugin for jQuery. This horizontal accordion script can be used to show text, images, video – anything you can put in a div.

This horizontal accordion has been tested on the latest versions of Firefox, Chrome, Safari and Opera on both OSX and W7. It also works in IE7 upwards.

jKey is a tiny plugin by Oscar Godson that makes hot keys and key shortcuts handling much easier.

jKey works with jQuery, so you can select any applicable element to set a key command to. Basically, any element that can be focused on such as an input or textarea can have a key command applied to it.

It supports multiple keys and unlike OS key shortcuts, jKey allows you to combo just about any key supported by jKey. The supported keys are:

• a-z
• 0-9
• f1-f12
• left, down, up, right
• `, ~, -, _, =, +, [, {, ], }, \, |, ;, :, ‘, “, ,, <, ., >, /, ?
• esc/escape, insert, delete, home, end, pgup/pageup, pgdn/pagedown, fn/function(3)
• ctrl/control, alt, shift, backspace/osxdelete(1), enter/return(2), super/windows, capslk/capslock, tab, space/spacebar