pinceladasdaweb/Socialight · GitHub 15 Responsive jQuery UI Snippets & Modules With responsive web design evolving as a must-have for every website, more user-interface related issues have started to come up when designing for mobile and tablet devices. In this showcase, we present 15 fresh and responsive jQuery snippets that enhance the experience of users while browsing your website on mobile devices, tablets or regular browsers. User Interfaces MultiScroll Multiscroll is a powerful jQuery plugin that allows you to create split pages with two vertical scrolling panels. How to use: Implementing this effect is easy; all you have to do is link to the script files in within your <head> tags and place the following chunk of code within the <body> tags. TourTip TourTip is an interactive visual guide to elements on web pages. TourTip was built with customization in mind, allowing you to play around with several variables so you could adjust it solely for your purpose and needs. jQuery Tilted Page Scroll jQuery Tip Cards Slinky.js GoalProgress How to Use: Forms & Inputs Card Unibox
Image-select by websemantics Background Story We designed this plugin extension as a humanized UI element for social networking sites that need to faciliate relations between people. Research shows that people are extremely sensitvie to photos of others, so we needed to revamp the traditional UI elements to make them more intuitive and human. You can use these plugin extensions for modelling multiple (one-to-many) or single (one-to-one) relations between people. We couldn't find any scripts that had this full functionality, so we designed it ourselves. Hope you find it helpful, and get back if you have any feedback/improvements. Multiple Select This example shows the Multiple select scenario. Use data-img-src attribute to attache images. Enable Image Select by invoking the "chosen" method on the select element as per Chosen documentation. Single Select For single select, remove the multiple attribute. Custom Image Image Select allows the customization of THML content it uses to insert images. Setup
9 out of the box jquery plugins not to miss 1. Hatchshow Hatchshow is a typesetting plugin for jQuery that balances measures, auto-fitting type to the column width. It’s great for complex typographic layouts, as each line’s code can be handled differently. 2. jCalculator jCalculator ia an awesome jQuery plugin for calculator inputs. 3. Circliful plugin show Infos as Circle Statistics, no images used. 4. MatchHeight is more robust equal heights plugin that correctly handles mixed padding, margin, border, box-sizing, rows, groups. 5. Croppic is an image cropping jquery plugin that will satisfy your needs and much more. 6. jQuery Vibrate The Vibration API is an API specifically made for mobile devices as they are thankfully the only devices that have a vibrate function. 7. Effortlessly re-map click events to touch events on touchscreen UIs 8. Touchy is a highly configurable jQuery plugin. 9. MixItUp is a jQuery plugin providing animated filtering and sorting.
williamngan/roll Unheap - A tidy repository of jQuery plugins FooNav.js - Playground Welcome to the FooNav.js playground. On this page you will be able to change the majority of FooNav.js' options so that you can see what they do for yourself. The options not available here are those that require some customization to work, like creating a CSS class or HTML markup. Instead of playing around with the options below you can try some presets using the buttons. Preset 1Preset 2Preset 3Preset 4 Simply select the available options from below and the menu on this page will change accordingly. The below is just some additional content so FooNav can build up some items from the headers. Introduction Sed non tincidunt quam. Sed posuere purus eleifend lobortis accumsan. Vivamus convallis porta purus at placerat. Cras et sollicitudin arcu. Guide Step 1: Start Something Step 2: Do Something Else Step 3: Finish Doing Something Summary
C3.js | D3-based reusable chart library