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.
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+.
Jun 9, 2009
Filed Under: Resources
Tagged: Ajax, FX, jQuery, plugins, zoom
Comment
Embed Fonts On Web Pages
FontJazz is a rather cool JavaScript typographic engine. Well, what does that do then? I hear you ask. Good question. It allows web designers and developers to use any typeface on a web page without relying on server-side rendering. Cool, huh?
May 27, 2009
Filed Under: Resources
Tagged: fonts, FX, JavaScript, tools, typography
Comment
OS X Style Dock In JavaScript
Creating a navigation menu with a fancy fish-eye magnification effect as per the Mac OS X dock is not an easy thing to do and most solutions can be a bit a bit flaky. This one, however, seems to pull it off in a solid fashion.
Mar 4, 2009
Filed Under: Resources
Tagged: FX, Mac, menu, navigation, OS X
Comment
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.
Mar 2, 2009
Filed Under: Resources
Tagged: Ajax, animated, FX, menu, MooTools, navigation
Comment
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.
Mar 2, 2009
Filed Under: Resources
Tagged: Ajax, CSS, FX, jQuery, style switcher
Comment
Animated Preloader Graphics
Preloaders.net lets you very easily generate a slick looking animated loading gif for your web app or software project.
There is a nice selection of pre-made animated gifs to choose from in various styles (3D, rectangular, circular or horizontal). You can then modify the colours, proportions and animation speed before downloading your spiffy new loading graphic.
Mar 1, 2009
Filed Under: Resources
Tagged: animated, FX, gif, graphics, preloader, web app
Comment