Yet another jQuery color picker. This plugin is unobtrusive and integrates well with Twitter Bootstrap (it works just fine without). The source code only requires jQuery and is about 200 lines of JavaScript and 100 lines of CSS.
jQWidgets : Powerful UI widgets for jQuery developers
jQWidgets is faster and easy-to-use JavaScript UI SDK based on the popular jQuery library.jQWidgets delivers everything you need to build rich client UI with JavaScript, HMTL5 and jQuery. It contains more than 30 UI widgets and is one of the fastest growing JavaScript UI frameworks on the Web.
jQWidgets is ready for a wide range of touch and mobile devices. The framework automatically detects the device type, capabilities and browser version, and adjusts the internal behavior for optimal rendering and best user experience. jQWidgets is not a modified version of the jQuery UI toolkit. All widgets are designed from ground-up and based on a powerful common core.jQWidgets is built with performance in mind. It is small in size, highly modular and extensible. Individual widgets and themes can be loaded on demand to further optimize the download time and save memory.
JResponsive : jQuery Super-smooth transition layout
JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by “packing” them in tightly. One of the very famous website that using this type of layout is Pulse.
A simple jQuery plugin that allows you to add a dynamically-resized layout to any page or element, customize the layout the way you want with or without top,right,left or bottom navigations.
navIgo : Multipurpose jQuery Responsive Navigation Plugin
One can truly say this is really the ultimate navigation tool.With 65 jQuery plugin parameters there are thousands of customization options… literally!
All menus on this page are initialized with the same jQuery plugin settings, all the differences you see between the menus are managed through data-attributes.
Features:
- Cross Browser Support (IE9 – Firefox – Chrome – Opera – Safari) + browser fallback message for IE9 below cases
- 65 plugin parameters: you can control almost anything, and easy!
- Horizontal or vertical orientation
- Support for fullwidth dropdowns: any complex layout allowed, text blocks, video, tables, typograpy pictures
- Easy skin control: set button colors, mouseover colors, text, shadows, alpha transparence directly with plugin parameters
- Super granular Google font support: you can set font type and size for Main buttons, sub buttons /titles, subtitles and text
- Auto active-button state: based on url address but it works even for # links (useful for ajax loaded pages)
- 25 predefined colors: ready to use color classes inspired from metro colors
- Programmable responsive behavior: you can set the limit screen resolution for responsive mediaquery activation.
HexaFlip: A Flexible 3D Cube Plugin with CSS3 & JavaScript
HexaFlip is a JavaScript UI plugin that let’s you use 3D cubes as interface elements. Dive into the process of creating the plugin and learn some best practices regarding flexible UI plugins.
I originally developed a simpler version of HexaFlip for an iPhone app I built called ChainCal where it served as a time-picker interface for setting alarms. Most mobile time-picker widgets are fashioned after a dial, but I reasoned that rotating cubes would serve for a more unique and memorable experience. As we all know, a cube has six (i.e. “hexa”) faces, but when rotating it around a single axis, we only have four to work with (front, top, back, and bottom). Thus if we built a cube interface using CSS alone, our interface would be limited to four options per choice. HexaFlip solves this issue and playfully challenges the user’s expectations by allowing the cube to cycle over a list of any length.