Article by Jerry Low
Geek dad, SEO data junkie, investor, and founder of Web Hosting Secret Revealed. Jerry has been building Internet assets and making money online since 2004. He loves mindless doodling and trying new food.
Face Detection is a useful recognition development that is mysterious at the same time. One may not be able to explain how facial features are detected since no one would look completely identical (even biological twins) and photographs can be shot from different angles, but this tutorial teaches you how to use a Face Detection jQuery plugin.
When clicking through internal links of a website, what usually happens is that clicking the link would cause the page to instantly jump to where it needs to be within the same page. In this tutorial, you will learn how to change that effect into a smooth scroll, so that visitors can see where this specific link is positioned on the page.
This tutorial uses the parallax principle to teach you how to move various backgrounds when sliding to an image.
Mosaics may remind you of those puzzles you used to solve during your childhood. This tutorial teaches you how to create a mosaic slideshow using jQuery and CSS.
There are many ways to present content to your website visitors. This tutorial teaches you a way to alter the background image and slide in the heading and the description.
Using a cartoon-themed header, this tutorial teaches you how to make some parts of your content visible and invisible.
Ever wondered what a sprite is? And nope! Not the ones that you see in supermarkets. This tutorial tells you what a sprite is and how it is possible to create animated scene using jQuery, CSS & Sprites.
Have you always wished to own your own billboard? With this tutorial, you’ll get to create your own billboard… for free!
In this tutorial, you’ll learn how to create a picture gallery with CSS property z-index.
In order to make a good impression to your visitors, you will need to pay attention to detail and ensure that your layout highlights what you are trying to introduce and present to your visitors. This tutorial teaches you how to create a website for a mobile application using jQuery and CSS.
Love cloud-watching? This tutorial teaches you how to use jQuery to take a horizontally scrolling website and add a parallax scrolling background effect.
Minimalistic websites tend to get a lot of attention from website visitors as these websites let visitors focus on their content with the least distractions. In this tutorial, you will learn how to create a minimalistic slideshow gallery using jQuery.
In this tutorial, you will learn to use jQuery to create an effect that changes an image when clicked. Another advantage to this tutorial (especially for visual learners) is that it is a video, and it allows you to follow the tutorial step by step.
Ever wondered how BBC Radio 1 created the zoom effect for their images? This tutorial teaches you how.
In this tutorial, you’ll learn how to build your own simple fade-in dialog box that you may use as a signup/login form, buttons, or a brief message to your website visitors.
Are you a fan of the iTunes store interface? With this tutorial, you can create your own sliders similar to it.
This tutorial teaches you how to create a website that has a tabbed structure, which saves space and increases usability.
In this tutorial, you will realize the unlimited possibilities of jQuery for web designers and developers. It may even inspire you to continue developing this animated robot to add usability to it and integrate it with your website.
Like photo slideshows? This tutorial teaches you how to create your own photo slideshow with audio by using HTML5 and jQuery.
So, you know how to create a fullscreen gallery. But do you know how to add a thumbnail that flips as you click through the rest of the photographs? This tutorial teaches you how.
RSS subscription forms are usually kept simple and discreet. However, if you’d like to add some fun to yours, this tutorial teaches you how to animate an RSS image next to your subscription form.
As social media has become a big part of the online world, web developers and designers are continuously thinking of ways for website owners to integrate social media buttons with their website. Check out this tutorial to learn how to create a cool socialize sharing tool using jQuery.
When visiting a site that requires you to login for the first time, websites usually takes you to a new page to register. In this tutorial, you will learn to create a simple animated form that can switch forms without leaving the page.
This tutorial teaches you to create a content panel that slides out when visitors scroll down to the very bottom of the page, which then reveals related articles/content that you can scroll through.
This visual tutorial teaches you how to create your own automatic infinite carousel using jQuery.
Are you a fan of Apple’s splash screens? In this tutorial, you’ll learn how to create your very own slick Apple-style splash screen.
If you’re a Photoshop lover, you are probably familiar with terms such as “opacity” and “fill”. In this tutorial, you will learn how to create an overlay effect that changes opacity of various elements when you hover on specific items on the page.
In this tutorial article, you’ll learn how jQuery Mobile framework can help you build web apps efficiently. The article also include a lot of demos and examples.
Giving your visitors an option to use Drag & Drop instead of having to do the Click & Browse technique increases the accessibility of your website compared to other websites. This tutorial teaches you the Drag and Drop technique using jQuery.