Instafeed.js : A simple Instagram javascript plugin

    Instafeed.js : A simple Instagram javascript plugin

    Instafeed is a dead-simple way to add Instagram photos to your website. No jQuery required, just good ‘ol plain javascript.Setting up Instafeed is pretty straight-forward. Just download the script and include it in your HTML.

    Instafeed with automatically look for a <div id="instafeed"></div> and fill it with linked thumbnails. Of course, you can easily change this behavior using standard options. Also check out the advanced options for some advanced ways of customizing Instafeed.js.

    imageloader.js : jQuery plugin for preloading images

    imageloader.js : jQuery plugin for preloading images

    A jquery plugin for preloading images.

    jquery.transformlist : CSS3 transform styles and animations for jQuery

    jquery.transformlist : CSS3 transform styles and animations for jQuery

    jquery.transformlist is a Javascript plugin for jQuery to add support for styling and correctly animating CSS3 transforms that make use of multiple transform functions.

    jquery.transformlist is not intended to provide animation between arbitrary transform styles – it doesn’t provide the matrix decomposition required for that task. Instead it aims to assist you in creating a transform list of several transform functions that are composited for a specific task, and then provides you with means to use jQuery.animate() between different sets of arguments for those transform functions.

    That’s a little unclear, so imagine you set up a “camera” transform list allowing you to adjust the X, Y, and Z of the focal point; and then the rotation around, elevation above or below, and distance from the focal point.

    MetTile : A Package of jQuery Metro UI Tiles

    MetTile : A Package of jQuery Metro UI Tiles

    MetTile is a jQuery Plugin to add different custom Metro UI Tiles on your website. This plugin automatically generate different animated tiles which are also called Live Tiles. Its a good plugin to quickly make some animated tiles on your website.

    Features:

    • Supports sliding images, news ticker etc. in each Tile.
    • Supports unlimited content to animate inside each Tile.
    • Very lightweight, only 7KB of Javascript.(minified version is 4KB)
    • Control settings of each different Tiles.
    • Control appearance through CSS, so it can be restyled.
    • Specially developed for Windows 8 lovers.

    Bubble-cursor : A bookmarket to add bubble cursor

    Bubble-cursor : A bookmarket to add bubble cursor

    A bookmarket to add bubble cursor functionality to any website.Drag the bookmarklet from index.html to your bookmarks bar or another tab. Use it on any webpage to see how a bubble cursor works.

    The current link will be outlined in blue. Click to follow the link. Press B to see the bubble.

    Anima.js : CSS animations with a soul

    Anima.js : CSS animations with a soul

    With Anima it’s easy to animate over a hundred objects at a time.Anima gives you the ability to use delays and durations normally, even for pure CSS animations. It has two modes: JS and CSS. The first one doesn’t really use CSS transitions or @keyframes. On the contrary, it uses CSS transforms and 3d-transforms together with Javascript to create animation. You have full control over the flow, so you can start, stop, cancel animations and even create event-based stuff. CSS mode allows you to generate pure CSS animations, but it has limitations for parallel animations.

    Clean Tabs: jQuery Responsive Tabs to Accordion

    Clean Tabs: jQuery Responsive Tabs to Accordion

    Clean tabs is a CSS3 and jQuery responsive navigation tabs, optimized for mobile & touch devices. On small screen, the horizontal tabs turns into a vertical accordion. More than 20 clean, smooth and elegant themes realized to work on every devices. Watch the preview images!

    Features:

    • CSS3 & jQuery.
    • More than 20 themes ready to use.
    • 5 pages already designed: Dashboard, Gallery, To-Do, Skills, Team
    • Easy to customize.
    • Clean & modern look.
    • Responsive and easy to use.
    • Works on mobile devices.
    • Cross-browser compatibility.

    deviantART muro : jQuery plugin for embedding the HTML5 drawing app

    deviantART muro : jQuery plugin for embedding the HTML5 drawing app

    jquery.deviantartmuro is a jQuery plugin to provide a convenient wrapper around the embedding API for the deviantART muro HTML5 drawing application, allowing you to provide image drawing and editing within third-party sites.

    Embedding deviantART muro in your site allows you to pass images from your site to deviantART muro, allow your users to edit those images, and then hand the saved image data back to your site. You can also make scripted use of a number of deviantART muro tools such as filters.

    BluePrint : jQuery Elastic Content Slider

    BluePrint : jQuery Elastic Content Slider

    Blueprint is a simple jQuery content slider. It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent’s container width and height. A couple of media queries show how to minimalise the look by just leaving icons for the navigation when the screen is very small. The content area will become scrollable if there isn’t enough space available. Every list item is a slide and and it has a corresponding link element in the navigation.

    jQuery Full Width Image Slider with CSS3

    jQuery Full Width Image Slider with CSS3

    This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.