Archive for 2014

    Facebook Share to Unlock Content using jQuery & Facebook API

    Facebook Share to Unlock Content using jQuery & Facebook API

    In my previous post I had explained How to Create Simple Tweet to Download Files using jQuery & Twitter API.In this tutorial on FB share to unlock content.Only few lines of code we can easily implement this cool feature. I hope this tutorial will help you to drive traffic, increase facebook shares & improve search engine ranking for your websites. For this you need to create an Facebook App, register your website & get an App ID.

    Mobile App Introduction Template with CSS3 & jQuery

    Mobile App Introduction Template with CSS3 & jQuery

    A basic template to showcase the best features of your app, enriched with a video slider for a better user understanding. In this tutorial we can learn how to make this video slider effect to make mobile app introduction template with CSS3 and jQuery.

    Flat Weather jQuery Plugin

    Flat Weather jQuery Plugin

    Flat Weather is an easy to use jQuery plugin that supports switching between two different weather API sources (OpenWeatherMap.org or Yahoo Weather) without changing any of your front-end code. Great for dashboards and sidebars!

    The code is well-documented and small, with its only external dependency being jQuery, which makes it easy to deploy and extend. The plugin comes with an attractive flat UI css stylesheet, and uses a weather icons font to provide attractive and scalable visuals.

    bLazy : jQuery Lazy loading Plugin

    bLazy : jQuery Lazy loading Plugin

    bLazy is a lightweight lazy loading and multi-serving image script. It’s written in JavaScript why it doesn’t have any dependencies for 3rd party libraries like jQuery. bLazy is working in all modern browser including IE7+.

    Features:

    • bLazy is used on big sites with millions of monthly visitors so it has been tested out in the real world.
    • bLazy is written in pure JavaScript why it doesn’t depend on 3rd-party libraries such as jQuery.
    • bLazy can lazy load all types of images including background images.
    • bLazy can lazy load images depending on screensize (multi-serve images).
    • bLazy can serve retina images on retina devices.

    Wobbly Slideshow Effect with SVG & JavaScript

    Wobbly Slideshow Effect with SVG & JavaScript

    The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh’s Dribbble shot and was made using Snap.svg and morphing SVG paths to animated the slide background SVGs in order to simulate the elastic effect. What happens is that we basically morph an SVG path from a rectangle to a curved shaped; either a right curve or a left curve, depending on where we are navigating to.

    jQuery Multiple Choice Quiz Engine

    jQuery Multiple Choice Quiz Engine

    Highly flexible JavaScript/XML multiple choice quiz engine.

    • Create professional (timed) quiz exercises
    • Define any number of questions
    • Define any number of question options (text or images)
    • Animate question options
    • Mark each question as correct or incorrect
    • Trigger correct, partially correct, incorrect or option specific feedback
    • Animate feedback text and imagery
    • Reset question function
    • Set a quiz passmark
    • Show final score feedback (pass/fail text and imagery)
    • Restart quiz function
    • Touch device friendly

    Images Rotation jQuery plugin

    Images Rotation jQuery plugin

    jQuery plugin switches the images while you are holding a mouse cursor on the element. Animates both src attribute for images and background-image attribute for any other element.

    CSS3 Perspective Carousel

    CSS3 Perspective Carousel

    An awesome carousel developed on top of jQuery with bit of witchcraft of CSS3.

    Parallaxer : jQuery Parallax Effects on Content

    Parallaxer : jQuery Parallax Effects on Content

    Parallaxer is a script that turns any content into a cool parallax effect. It works smooth with any content you throw at it, images and even sliders, video players, basically any html content.

    Features:

    • fully responsive
    • touch optimized
    • CSS3 technology
    • iPhone / iPad optimized
    • Android optimized
    • SEO friendly
    • compatible with all major browsers, including IE
    • retina ready
    • embed ready
    • developer / SASS powered