I have run into a number of simple effects to generate image magnification. You can sometimes find this on e-commerce websites for product images when you hover onto the thumbnail and a bigger zoom effect will display. This is a great technique no matter what type of website you have. But I was running into [...]
Archive for the ‘Tutorial’ category
Coding an Image Thumbnail Hover Magnify Effect with jQuery
Add Comment
24 CSS3 Tutorials for Advanced User Interface Effects
Add Comment
Web developers are becoming crafty as web browsers are updating to more popular standards. This can only lead to better support along with an easier frontend development time. One of the best methods for studying new techniques is by practicing with online tutorials. I want to present a series of 24 well-explained tutorials for more [...]
Code a Dynamic Featured Image Gallery Layout using jQuery
Add Comment
The common image thumbnail carousel effect has gained traction among web developers. You can locate this technique on almost any major news company or online magazine, coupled with rotating featured images or banner designs. I feel that open source code has offered a much smoother choice for developers instead of being forced to write your [...]
Coding a Horizontal Navigation Bar with jQuery Dropdown Menus
Add Comment
It is very common to find dropdown navigation elements within website layouts. Developers use these types of hidden menus for displaying extra links which are typically related to the main topic. Other examples may use sliding panels or varying accordion-style menus to accomplish the same interface. But for this tutorial I want to build a [...]
Build an HTML5 Signup Form with Dynamic CAPTCHA
Add Comment
Build an HTML5 Signup Form with Dynamic CAPTCHA There are plenty of great tutorials on the Internet which follow along the typical CAPTCHA security technique. However after playing around in website interfaces I wanted to put together a dynamic CAPTCHA which slides into the form after everything else is completed. This effect should work in [...]
How To Build an Alphabetical Page Index using jQuery
Add Comment
Most web developers are probably familiar with the anchor link solution for jumping to sections of the page. You can setup anchor links with a specific name attribute, and use the hash symbol as an href value to skip down the page. This effect has worked fantastic when listing very long sets of data. However [...]

