Posted 18th July 2013 | By ExtraMile

Instead of the usual round-up on the latest in the world of web, today I'm focusing on just one technology… jQuery.

What is jQuery?

It's a technology used for web development, that has been around since 2006. Over the last 7 years, its use has grown significantly as more and more developers are writing scripts to share with the community, forming a pretty extensive library. It's the most popular JavaScript library and is used by over 65% of sites out there. jQuery has many uses behind the scenes of a website to save time, improve performance and functionality, but in this blog I'll be exploring the use of plugins that create great visuals on the front end and a little extra something to an otherwise static site.

Are we using it?

We regularly use jQuery plugins within the sites that we produce. You'll see it in action on drop down menus, sliding banners, accordions, grids, tabs and a load more. As we use the Joomla CMS to build our sites, our use of jQuery is generally restricted to plugins that are available as an extension for Joomla. However, with a little more work and customisation, it's absolutely possible to use external scripts that weren't specifically written for Joomla.

Now for the fun stuff.

Here are just a few scripts out there that excite me:

Super Scrollorama - It acts as an animation controller, so you can use it to trigger when an element appears in the viewport or at a specific scroll point. A similar effect is used on Apple's website. Scroll down slowly.

Transit - CSS3 transitions that can be used to add a little oomph to your hover states.

Zoomooz - Make a web page element zoom, then scale, skew or rotate it. Pretty neat.

MixItUp - Some really nice filtering and sorting effects here.

jGravity - Basically, adds gravity. So clever. - Create sticky elements on your webpage. I can see how this could be used tastefully.

ScrollNav - Build a scrolling side menu that cycles through as you scroll through the content.

Adaptive thumbnail pile effect - A nice way to group and display a gallery.

Scroll Path - Used in the recent boom of story telling websites, this allows you to guide users down a specific path as they scroll down the website.

Arctext - Curvy text!

Hope you've enjoyed the latest installment of Technology Hour :)

Written by Anita Mander, Web Developer at ExtraMile Communications.

At ExtraMile we try to take an hour out each week to look around us at what others do and to gain inspiration and to admire people's creativity. Each post in this series is one staff member's take on the world of web, design and things online. We hope you enjoy it.


About ExtraMile

A digital marketing agency with international capabilities