After searching through countless blog posts I have been looking for a really great image gallery slideshow. Something that could be added into WordPress and made as an easy publishing solution. This lead me onto Galleria which is a beautiful open source responsive image slideshow using jQuery. In this tutorial I want to demonstrate how […]
How To Build a Custom Ad Banner Rotator Script with jQuery
There are so many reasons why you may consider using JavaScript as a random banner generator instead of a backend server language. But the primary reason is when using a caching system, as the banner advertisement itself will only randomize once for the cache. Then it stays the same on every pageview. However with JavaScript […]
Coding an Image Thumbnail Hover Magnify Effect with jQuery
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 […]
30 New Open Source Plugins and Scripts for Dynamic Websites
Open source code provides a means where developers can quickly build new projects without structuring every feature from the beginning. I specifically follow a lot of jQuery plugins which are built off the ever-popular jQuery library. Since the library is open source, many of the plugins are also released for free using a similar license. […]
Code a Dynamic Featured Image Gallery Layout using jQuery
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
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 […]
Collection of 26 jQuery Plugins for Handling Website Media
Over the course of 2012 and well into 2013 we have seen lots of open source projects come to fruition. Developers are more than happy to publish their codes online if not to support and help other developers with the same problems. Most notably the jQuery JavaScript library has grown to amass a huge following […]
26 Open Source Tools & Scripts for Web Developers
I am a big advocate for open source codes and software. These are possibly the greatest methods for learning new techniques and bridging your knowledge from another person or team of people. Scripts and webapps are some of the most commonly shared resources, but also consider desktop-based software applications as well. I have put together […]
How To Build an Alphabetical Page Index using jQuery
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 […]
36 Best Frontend Web Development Tutorials of 2012
The task of learning new development techniques is often arduous and time-consuming. It used to be that web developers would purchase books or read guides written by other developers. Nowadays you can find tons of new blog posts and tutorials written every week! Not to mention all the personalized tutorials on YouTube and similar video […]