Archive for 2011

    jQuery ContentHover Plugin

    jQuery ContentHover Plugin

    ContentHover is a small jQuery plugin that helps you show some hidden content on top of an element when the mouse hovers over it. There are options to chose how your hover effect would appear, like fade in or slide in from any direction, you can change the opacity of the overlay etc.

    Create a Windows-like Interface with jQuery UI

    Create a Windows-like Interface with jQuery UI

    In this tutorial, we’ll be learning how to utilize jQuery UI to create a highly-functional user interface without using anything else. By the end, you should be familiar with jQuery UI, some of its components, and basic understanding of jQuery UI customization. Ultimately, we’ll be building a user interface akin to windows, with dialog boxes that are draggable, resizable, minimizable and maximizable.

    Create beautiful slideshows with jQuery Cycle

    Create beautiful slideshows with jQuery Cycle

    These are 3 implementations of a simple slideshow using the jQuery Cycle plugin. Feel free to download and customize them to fit your own “slideshow needs”.

    Tutorial: Getting Started With jQuery Animations

    Tutorial: Getting Started With jQuery Animations

    jQuery. No doubt you have heard about this popular JavaScript library. It has taken the throne of all the JavaScript libraries out there because of its many features and easy syntax. Today, I will show you one of the simpler uses of jQuery: you can animate things. this will be the focus of today’s tutorial.

    GRADIENTER jQuery elements gradient plugin

    GRADIENTER jQuery elements gradient plugin

    I started to work on WordPress theme for blog and I got an idea that every post should have their own background color and that maybe those colors can be in gradient. Since that that’s very boring to do manually, I’ve decide to write jQuery plugin which will do that job.Gradienter is easy to use, and with small effort you can have really interesting color effect on your page.

    jQuery Dialogr a dialog box with extra features

    jQuery Dialogr a dialog box with extra features

    This jQuery plugin is a modified copy of jQuery UI Dialog widget, adding minimize, restore and maximize buttons.

    Artisan JS a javascript Canvas Library

    Artisan JS a javascript Canvas Library

    Artisan JS is an Open Source JavaScript Canvas Library that aims to make in-browser drawing very easy.

    It specifically targets Canvas and supports for layered data, graphics can be layered and flattened when rendered, but the data remains. This means the data can continue to be manipulated after it is rendered.

    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.