Collapsible Drag & Drop Panels Using jQuery

Here’s a pretty neat interface design from WebDevelop+ which I think some of you might want to adapt to your website. It’s a collapsible drag and drop panel that allows your users to control how they want to see the information on your site. Check out the DEMO. If you think that this type of [...]

Continue Reading →

Hover and Click Trigger for Circular Elements

Web designer Mary Lou shares another helpful jQuery tutorial. Here, she demonstrates how to solve circle hovering problem by creating a plugin that will take care of the ‘mouseenter’, ‘mouseleave’ and ‘click’ events. Here’s how it works. Below are the following codes. First is creating a circle for the hover effect. <a href=”#” id=”circle” class=”ec-circle”> [...]

Continue Reading →

NetEye Touch Gallery

Upgrade your mobile browser’s photo-viewing apps with the NetEye Touch Gallery. It’s a type of lightbox that’s written and optimized for Mobile Safari on iPad/iPhone, has photo gallery for any touch devices, has touch support and it works with Desktop Safari, Firefox 4, Opera, Chrome and limited for IE which may have no transition. Click [...]

Continue Reading →

Curtain.js – Add A Sliding Effect To Page Transitions

Curtain.js is jQuery plugin created by Victor Coulon that gives a cool and very unique effect during page transition. It causes the current page to be lifted up just like a curtain that you normally see in theatre stages. Instead of seeing the page load in front of you in a flash, you’ll see it [...]

Continue Reading →

Steps on How to Mimic iGoogle Interface

Web developer James Padolsey shows us a very nice tutorial on how you can create an interface with widgets which mimics the stylish iGoogle interface. You can check the steps by clicking on the image. Get the DEMO and grab the ZIP FILE here.       Incoming search terms for the article: igoogle interface [...]

Continue Reading →

Sliding Image Puzzle jQuery Plugin

One cool plugin to integrate into your website is Ben Nadel’s jQuery sliding image puzzle. It is based on containers with parts of an image and using jQuery as one of its functions, you can create a cool puzzle for your visitors to enjoy! Click on the image to get the tutorial, then download the [...]

Continue Reading →

jQuery GPS

Click above to view the plugin’s full documentation. Give exact locations right in your website! Check out this fantastic jQuery plugin designed by graphic designer Aron Brown. The jQuery GPS is perfect if you want to include Google Maps into your website yet don’t want to be bothered with other unnecessary features. This is the [...]

Continue Reading →

Use Ajax to Save Changes in Contenteditable as JSON

Contents of any HTML5 element with a contenteditable attribute can be live-edited inside the browser window. But any changes that you apply won’t be saved on the actual document itself that is located in the server, so these changes won’t appear anymore once you refresh the page. To get around this and have the data [...]

Continue Reading →

Gravity Registration Form With jQuery

Jazz up your online form by adding eye-catching effects to it with this jQuery tutorial! This jQuery code is known as the “Gravity Registration Form” because it shows the next hidden field for the user to fill up by making it drop down below the preceding one. Click on the image above for the demo. [...]

Continue Reading →

JQuery Bubble Slideshow

Martin Angelov’s jQuery bubble animation effect is ideal for portfolio or gallery websites. It is very easy to use and highly customizable though it doesn’t work well with older versions of IE since it utilizes CSS3. You can also use this effect to create backgrounds and headers. Since the plugin is made to resize automatically, [...]

Continue Reading →

Page 4 of 13« First...«23456»...Last »