jQuery Highcharts Table

    jQuery highcharts convert table into chart graphs

    Here at PMSIpilot we wanted to use Highcharts graph library but with a way to convert automatically our HTML tables containing data into graphs.So we decided to code a jQuery plugin to make this conversion peacefully.

    jQuery Fancy Switch Button

    jQuery Fancy Switch Button

    I wrote a post a while back on coding an iPhone style switch using jQuery. I’ve now put together a simple tutorial demonstrating how simple it is to build a switch that triggers two radio buttons in a field set. It also degrades gracefully if JavaScript is disabled just displaying the two radio buttons with labels. This tutorial is aimed at users just stepping on the jQuery ladder, and hopefully this will demonstrate how simple some techniques are.

    Path App Fly-out Menu using CSS3 & jQuery

    jquery css3 fly-out menu

    I am a huge sucker for great ui design so I fell in love. The thing that really stole my focus was the awesome fly-out menu that is in the bottom left corner. This button is the main means of navigation in this app. It had not only some good features but also had smooth animations as well. Me being a noob to application development, googled if it was made in phone gap due to it heavy customization and no it wasn’t. It ‘apparenly’ has too advanced animations.

    Experimental CSS3 jQuery Animations for Image Transitions

    Experimental CSS3 jQuery Animations for Image Transitions

    Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. We’ll be using CSS3 3D Transforms for Webkit only. Check out the Photo Transitions at the Safari Technology Demos site, some of which we got inspired by.

    Flow Slider: Mouse-Controlled jQuery Image Slider

    Flow Slider: Mouse-Controlled jQuery Image Slider

    Flow Slider is a jQuery plugin that lets you slide your HTML content as you always dreamed to. Flow Slider allows you to select from a range of transition effects or add your own, change settings, attach events, interact with the slider, and dress it in any design. It works by converting an unordered list into a slider and can be browsed by hovering to the right or left side of it.

    Display Slide OutBox depend up on Content using HTML and jQuery

    Display Slide OutBox depend up on Content using HTML and jQuery
    In this article i would like to explain the integration of slideroutBox at the Bottom of your webpages using HTML and Jquery.I am already using Third party Plugin for my blog for this feature.This plugin is provided by simple Reach..Its working Gr8..But this time,I am trying to create a custom Slider Outbox which will display depend up on content.So Lets start the implementation.

    IxEdit a JavaScript-based Interaction Design Tool

    IxEdit a JavaScript-based Interaction Design Tool

    IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping phase of your web application.

    PicStrips a jQuery plugin gives your images a bit of WOW!

    PicStrips a jQuery plugin gives your images a bit of WOW!

    PicStrips adds a little style to your images to help them stand out from the crowd. You can split your images into any number of strips, specify the whitespace between each strip and also the amount of vertical whitespace added at the top and bottom of alternate strips.

    jQuery Geo – an interactive mapping plugin

    jQuery Geo - an interactive mapping plugin

    Query Geo, an open-source geospatial mapping project from Applied Geographics, provides a streamlined JavaScript API for a large percentage of your online mapping needs. Whether you just want to display a map on a wep page as quickly as possible or you are a more advanced GIS user, jQuery Geo can help!

    nanoScroller a Lion-styled jQuery scrollbars

    nanoScroller a Lion-styled jQuery scrollbars

    nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .content. The other scrollbar div elements .pane > .slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets.