Posts Tagged ‘Ajax’...

jQuery Image Magnifier


jQZoom Evolution is a javascript image magnifier built with jQuery as an update to the original jQZoom. And evolution is a great choice of name because this really is an awesome plugin. Installation is a snap, it’s got an excellent feature set and there are plenty of variables to tweak and fiddle with making it very customisable.

jQuery Image Magnifier

Some of the things that you can do with it:

  • Standard zoom
  • Reverse zoom
  • Position the zoom window
  • Adjust zoom area
  • Zoom with/without lens
  • Toggle or adjust fade in/out

It is also compatible in all modern browsers and will work it’s image magnifying magic in IE6+, FF 2+, Google Chrome 1.0, Safari 2+ and Opera 9+.

Drop Down Menu With jQuery and CSS


Top level navigation tends to get the most love when a user first visits a site with organized and intuitive navigation being key. While most drop down menus look aesthetically pleasing, developing them to degrade gracefully is also essential.

Noupe shows us how to build a sexy drop down menu with jQuery and CSS.

jQuery Dropdown Menu

MooTools Scrolling Plugin


ScrollSpy is a nice and simple MooTools plugin that listens to page scrolling and fires events based on where the user has scrolled to on the page.

MooTools Scrolling Plugin

Alternative Javascript Libraries


When it comes to JavaScript libraries, the Big Three, jQuery, MooTools, and Scriptaculous, have between them pretty much got everything covered.

But there are still times when for whatever reason (heaven forbid!) these three most popular frameworks aren’t going to be quite the best tools for the job.

In which case, you might want to check out this really useful list of alternative JavaScript frameworks.

JavaScript Frameworks

Submit A Form Without Page Refresh


Here is a great tutorial showing you how you can easily submit an email contact form without refreshing the page using the magic of jQuery.

Make i-Cal Style Calendars With jQuery


Stefano Novera has come up with an impressive solution for implementing a basic events calendar on a website. He has used CSS and jQuery to create an excellent iCal-like calendar.

Nice jQuery lightbox


ColorBox is a lightweight jQuery lightbox with support for photos, photo groups, ajax, inline, and iframed content.

Simple MooTools Animated Menu


Here is a nice looking animated menu built with the MooTools Javascript framework. It’s clean and simple to implement and features a quirky hover animation.

Ajax CSS Switcher Using jQuery


Kelvin Luck has cooked up a rather nifty style sheet switcher using jQuery. Compared to some of the other solutions out there it is lightweight and very easy to install. It is cross-browser compatible and degrades gracefully when jQuery isn’t supported or Javascript is turned off. Example here.