Archive for 2013

    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.

    JSZip : Create, read and edit .zip files with Javascript

    JSZip : Create, read and edit .zip files with Javascript

    A library for creating, reading and editing .zip files with Javascript, with a lovely and simple API.JavaScript today is capable of generating a lot of data. The easiest way to deliver multiple files to your users is in a zip file. Instead of wasting server resources and bandwidth you can get the client to do it for you.

    imgCentering.js : Centering Images with jQuery

    imgCentering.js : Centering Images with jQuery

    imgCentering.js is a lightweight jQuery plugin (about 1kB with minified) that help to center and resize images/pictures based on its original ratio within a fix dimension container.imgCentering.js will NOT crop your images, but it will centering them inside a fix dimension container while hide those oversize part of images using CSS overflow properties. Also, it manages to resize your images according to its container while maintain its original ratio.

    MediaTable : jQuery Responsive Table Plugin

    MediaTable : jQuery Responsive Table Plugin

    MediaTable listen to screen size to define visible or hidden columns using CSS media query.You can choose what column to view with the automagically columns menu. This is a usefull solution to display big data table into small screen devices allowing the user to display relevant data at the beginning then to choose what data to display.

    Last.FM for jQuery

    Last.FM for jQuery

    A plugin to grab your recently played tracks from Last.FM’s api using jQuery and Json. Future versions will support other feeds such as favourites and most listened.

    It’s very simple! I’ve always found plugins like this irritating when they force you to use their HTML. For people without jquery knowledge digging around in the plugin file to change that HTML is pretty annoying. For this reason I’ve made the Last.FM plugin very flexible.