jQuery-timing provides easy-to-use methods to define iterations, timeouts, intervals, Deferreds, and event-based loops and handlers just in line with all your jQuery stuff. jquery-timing is designed to change the way that you use jQuery.
JackBox : jQuery Responsive Lightbox
JackBox is a Responsive Lightbox with Real Social Sharing.
Features:
- Responsive / Mobile Ready
- Retina Ready Graphics
- Share any item through Twitter, Facebook, Pinterest and Google+
- Deep-linking, every item has it’s own unique link
- Touch Swipe for Mobile Devices
- Genuine Fullscreen for Firefox and Chrome
- Group any items together and create item categories
- Youtube Video w/ Mobile Fallback
- Vimeo Video w/ Mobile Fallback
- Automatic Youtube and Vimeo thumbnail loading
- HTML5 Video w/ Flash backup
- HTML5 Audio w/ Flash backup
- Flash Video w/ Mobile Backup
- Load HTML Divs, iFrames and Google Maps
- A boatload of Custom Thumbnail Hovers and Tooltips
- CSS3 Preloader for smoother animation
Vertical Showcase Slider with jQuery and CSS Transitions
In this tutorial we will create a very simplistic and responsive product slider for an online store or a portfolio. The idea is to have different sections in a fullscreen view: the image or preview, a navigation and the description. When navigating through the items, we will slide the preview section and the section with the description in opposite directions. The idea for this kind of “opposite” transition comes from the beautiful website of the National LGBT Museum which moves the left and right side in the same manner when navigating or scrolling the page.
UIKit – modern ui components for the modern web
UIKit is a small (4kb minified / gzipped) collection of flexible, cohesive, decoupled components for the modern web. With an emphasis on structure-only styling making it simple to apply application specific styling. UIKit is not a replacement for larger UI frameworks, nor is it a CSS framework such as Bootstrap.
jqueryrotate : jQuery plugin that rotate images by any angle
This is a small plugin for jQuery that adds a nice feature to rotate images (img html objects) by a given angle on web pages. This is a simple plugin to allow you to rotate images (any angle) directly on client side (for ex. user generated content), and animate them using own functions. Main focus is to unify this behavior across different browsers.
GreyBox : Smart Window in JavaScript
GreyBox can be used to display websites, images and other content in a beautiful way.We can use it in Showing external pages,AJAX uploading of files,Showing internal pages (login, user preference, properties, contact formulas etc.),Showing a video or a flash animation,Showing images,Showing product information,Admin sections.
Why use GreyBox:
- It does not conflict with pop-up blockers
- It’s only 22 KB!
- It’s super easy to setup
- It’s super easy to use
- You can easily alter the style as it is controlled through CSS
Dopeless Rotate : jQuery Plugin for 360 degrees product view
Dopeless Rotate is Jquery plugin for 360 degree product visualisation. It features:
- Zooming function
- Support of touchscreen devices
- Ability to use multiple instances on a single page
- You can use every number of images for 360 degree visualisation you want
- Images are loaded automatic via PHP
- Preloader is showing the progress of loading images to cache
- Preloader for loading zoomed image
- Nice modern design
Sketch : Draw squiggly sketches in 3D with Hmtl5 & JavaScript
Sketch is a drawing tool with a twist; it allows you to draw in pseudo 3D. Sketches can be saved by users and viewed in a gallery.
The front end is built using the HTML5 canvas element and plenty of JavaScript. Sketches are saved in a MySQL database and PHP is used as a mediator between front end and database.
Kern.JS : jQuery Make web kerning suck less
A super-simple bookmarklet for designers that finally puts you back in control of your website’s typography.
Here’s how it works: Add the bookmarklet to your browser and activate it while at your page. Then just click and drag to adjust your kerning, line-height, letter placement and more to your heart’s content! When you’re done, copy the generated CSS and use it in your own stylesheet, right there alongside Lettering.js.