Archive for 2013

    jQuery Fluid Content Scroller

    jQuery Fluid Content Scroller

    jQuery Fluid Content Scroller Plugin makes navigation through long item lists like news, events, blog posts, etc. smooth and easy. Plugin is represented with the tabbed navigation panel at the top and at the bottom of the page / list container allowing to instantly scroll up and down to a particular post on the list.

    Features:

    • Responsive design
    • Touch friendlyness
    • Smooth animation
    • jQuery 1.4.2+ or jQuery 2.x
    • Free for non-commercial use
    • Free updates
    • Unminified source
    • Cross-platform & cross-browser

    Captall : jQuery plugin Add a caption to Image or any DOM element

    Captall : jQuery plugin Add a caption to Image or any DOM element

    Captall is a jQuery plugin that can be used to show a caption over an image or any DOM element.It has a massive amount of options making it adjustable for everyone’s needs.

    In fact you can show not only text but also images or links or whatever you like and let them slide, fade or stay fixed.

    jQuery Bootstrap TouchSpin

    jQuery Bootstrap TouchSpin

    Bootstrap TouchSpin is a mobile and touch friendly input spinner component for Bootstrap 3.It supports the mousewheel and the up/down keys.

    Walking Man Effect Using CSS3 Animation

    Walking Man Effect Using CSS3 Animation

    CSS3 is great way to create animations, we can replace flash animations,animated images and Javascript with CSS3 Animation properties.

    In this tutorial I will explain how to create walking man Animation effect using CSS3 alone as shown below.

    Moving Blurry Background for JavaScript and jQuery

    Moving Blurry Background for JavaScript and jQuery

    BlurryBackground() is a JavaScript application which can be easily included in any website. It allows programmer to create modern-looking blurry backgrounds without need to load large background images. This means you can save even 90% of bandwith intended for blurry background image. It caches blurred images so that the CPU consumption is reduced.

    Also, it provides a really easy mechanism of background animations so you can create modern, distinctive website’s elements in seconds. You can choose from a collection of 8 built-in animating functions like “gust”, “swing”, “raindrop” and more, or you may just use your own function. You can also create a playlist of blurred backgrounds and make them change every few seconds.

    Buttons With Built-in Progress Meters in jQuery & CSS3

    Buttons With Built-in Progress Meters in jQuery & CSS3

    Progress bars have become quite popular lately, and there are lots of plugins that can help you add one to your site. But how do you make one yourself? The problem is that there are plenty of implementations already, so in this tutorial, we are going to code something different – buttons that have built in progress meters.

    They will be perfect for displaying progress while submitting forms or loading content via AJAX. They will also use CSS3 styles and transitions to make them easy to customize.

    Yummi-loader : Css classes for a fancy page load with jQuery

    Yummi-loader : Css classes for a fancy page load with jQuery

    The Yummi-loader is nothing more than a simple LESS file with some CSS3 animations. Use them just adding ‘off’ class on your body element and changing it with ‘on’ on $(window).load() or $(document).ready() events.

    Bootstrap Combobox : jQuery twitter Bootstrap Combobox plugin

    Bootstrap Combobox : jQuery twitter Bootstrap Combobox plugin

    A combobox plugin that works with twitter bootstrap.We had need of a combobox at work and after looking around at the available options I was not happy with any of them. The project had all it’s styling based on Twitter’s Bootstrap, so building on that made sense.

    Custombox : jQuery Modal Window Effects with transitions CSS3

    Custombox : jQuery Modal Window Effects with transitions CSS3

    jQuery Modal Window Effects with transitions CSS3.This plugin is created with native JavaScript but works perfectly with jQuery.

    These animations only works as intended in browsers that support the respective CSS properties.Internet Explorer 8 and 9 works, but without animations.

    Diamonds.js : jQuery Diamond layout Image Gallery

    Diamonds.js : jQuery Diamond layout Image Gallery

    Tired of straight grids where everything is vertically and horizontally aligned? Why not tilt everything by 45 degrees? This jQuery plugin lets you easily do just that!

    Features:

    • Auto resizes
    • No images, all css
    • AMD aware plugin
    • Test coverage!