RefineSlide : jQuery 3D Transform Slides

    RefineSlide : jQuery 3D Transform Slides

    A 3D transform/CSS transition-enabled jQuery plugin for displaying responsive, image-based content with shiny animations.

    Features :

    • A few transitions to play with
    • Responsive down to mobile scale
    • CSS transition & 3D transform support
    • Javascript fallback fade transition
    • Auto-formatted, responsive thumbnails
    • Good browser support (IE7+)
    • HTML captions
    • Hardware acceleration on supported browsers
    • Free to use and abuse as you like
    • Simple, semantic markup

    jQuery Mobile Charts

    jQuery Mobile Charts

    Numeric data quickly becomes difficult for us humans to understand. Once the number of rows or columns in a table passes two or three, the meaning quickly becomes harder to grasp. The easiest way to give meaning to numeric data is to display it as a chart. Unfortunately jQuery Mobile doesn’t have any built-in charting capabilities and to the best of my knowledge there isn’t a jQuery Mobile charting plug-in available. But lucky for us, jQuery Mobile is built on top of jQuery and there are several charting plug-ins available for it.

    jQuery.RSS : Easy-to-use RSS plugin for jQuery

    jQuery.RSS : Easy-to-use RSS plugin for jQuery

    An easy-to-use rss plugin for jquery with templating.This plugin can be used to read a RSS feed (via the Google Feed API) and transform it into a custom piece of HTML.Yyou can specify a template in order to transform the json objects into HTML.

    Simple Drop Down Menu with jQuery and CSS

    Simple Drop Down Menu with jQuery and CSS

    This post is very basic level jQuery and CSS implementation. I want to explain how to design simple drop down menu  with CSS, HTML and jQuery. This system helps you to minimise the menus list. Just take a quick look at this post very few lines of code, use it and enrich your web projects.

    IE Alert js : let your visitors upgrade their browser with jQuery

    IE Alert js : let your visitors upgrade their browser with jQuery

    IE Alert is a handy jQuery plugin that shows a well designed warning message to the visitor who’s trying to view your site with an older version of Internet Explorer browser, this warning message will convince your visitors to upgrade their browser to a newer version of Internet Explorer or to an another web browser.

    Ken Burns : jQuery Slider Effect Fully Responsive

    Ken Burns : jQuery Slider Effect Fully Responsive

    Ken Burns a jQuery Sliders Full Collection comes in 4 versions: Fixed Dimensions, Full Width, Full Screen and SideBar banners/Mini-Galeries. Please see the features and check the live preview of this slider and convince yourself of its quality.

    Ken Burns Sliders Full Collection includes 4 versions:

    – Fixed Dimensions Slider
    – Full Width Slider
    – Full Screen Slider (it can be used as FullScreen Background or Fullscreen Gallery)
    – SideBar Sliders/Mini-Galeries

    Responsly.js : A set of CSS3 responsible widgets for jQuery

    Responsly.js : A set of CSS3 responsible widgets for jQuery

    Dead simple responsive widgets, written using CSS3 transformations and available as a jQuery Plugin. Currently a sideshow and accordion are available, more to come!.Responsive designs are cool! Not only do they allow you to reach mobile and tablet users with minimal effort, they also make your context scale up for desktop users with larger screens.
    Features

    • Works from large monitors to laptops, to tablets to mobiles.
    • Pure CSS styling
    • CSS3 based transitions (hardware accelerated where possible).
    • Animations work on all modern browsers including mobile, (IE degrades gracefully by losing transitions).
    • Minimal dependence on jQuery for convenience ( can substitute Zepto, or pure JavaScript).
    • Simple lightweight design, adds little to your download size
    • Compartmentalized, so use only what you want
    • Best used with a responsive CSS framework like 1140px or 320plus
    • Can be heavily customized by editing CSS

    jQuery Stepy – A Wizard Plugin

    jQuery Stepy - A Wizard Plugin

    jQuery Stepy is a plugin based on FormToWizard that generates a customizable wizard.

    3D Thumbnail Hover Effects with CSS3 and jQuery

    3D Thumbnail Hover Effects with CSS3 and jQuery

    Today we want to show you how to create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase.

    In our examples, we’ll use thumbails that will reveal some more information on hover. We will create a structure with jQuery that will allow making the image appear as folded or bended when we hover over it. For the hover effects we will use CSS 3D transforms.

    dygraphs JavaScript Visualization Library

    dygraphs JavaScript Visualization Library

    dygraphs is an open source JavaScript library that produces produces interactive, zoomable charts of time series. It is designed to display dense data sets and enable users to explore and interpret them.

    Features

    • Plots time series without using an external server or Flash
    • Works in Internet Explorer (using excanvas)
    • Lightweight (45kb) and responsive
    • Displays values on mouseover (this makes it easily discoverable)
    • Supports error bands around data series
    • Interactive zoom
    • Adjustable averaging period
    • Can intelligently chart fractions
    • Customizable click-through actions
    • Compatible with the Google Visualization API
    • Intelligent defaults make it easy to use