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”> [...]
Providing a web or news feed to your site visitors is always considered as good practice when running a web site. It’s the best way to keep them informed of any updates to your content. But wouldn’t it be nice to spruce things up a little by giving your audience a fun and unique experience [...]
Click on the image to see the tutorial. Having a good product page is very vital in promoting your page especially if it’s more on the business side. The site should be descriptive of what your product is all about to help build your visitors’ interest. That’s the challenging part of it – how you [...]
Today’s featured plugin comes from the guys over at monkeecreate and it is called SimpleWeather, a jQuery plugin that creates a widget that displays the current weather in the specified locale. The data it displays is pulled from the public Yahoo! Weather feed via the YQL API, which means that it can only recognize US [...]
Created by Jacek Galanciak, Quicksand allows you to organize and record items to make your search get easier. Click on the image to find out how it works and download its file. Incoming search terms for the article: best design for quick sand quick sand quick sand @#!*% Quicksand quicksand filter hash quicksand gallery cms [...]
There are a few ways you can introduce a notification message window to a visitor; at the top, in the middle, or at the bottom of the screen (the side are usually reserved for ads and widgets like social media icons). I for one personally think that the best place to put your notification without [...]
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 [...]
Revolver is a jQuery plugin developed by kernelstudio from codecanyon, and it lets you turn your entire website into a slider. Instead of simply clearing out the entire window and loading the next page, Revolver simply causes the current webpage to slide off the screen and introduces the next one just like your typical image [...]
Reveal is the latest modal creation of Zurb which is based on jQuery. It is lightweight, simple to use, cross-browser accessible and simply works great. Click on the image to download the zip file. It has three basic steps: Step 1: Attach needed files /* Attach the Reveal CSS */ /* jQuery needs to be [...]
Here’s a pretty neat jQuery plugin created by Indamix that you can use on your website! It’s called Real Shadow, and what it does is it gives an element a shadow that changes its attributes depending on the location of the mouse cursor. The plugin works by manipulating the value of the CSS property box-shadow. [...]
0
510
