jQuery is essential in creating a wide range of apps, plugins, and programs designed to help maximize your website design. When used in making sliders, jQuery helps produce lightweight yet extensive and highly useful applications. Here are 10 tutorial sites on creating highly useful jQuery sliders that can amp up your WordPress blog. Click on [...]
This cool animated share button transforms from one single element into four elements each representing a link to a social site! This Sharebar uses the following pseudo classes: :first-child:before :nth-child :last-child :hover And some CSS, namely: box-shadow, transitions, border-radius, transform, and gradient background. Click on the image to view the transitioning demo. You can also [...]
JQuery can be used in creating eye-catching text effects, and not just graphics. These three text animation plugins are the most creative that I’ve found. Textualizer – Created by Kiro, the Textualizer is an extremely lightweight jQuery plugin at just around 4kb. It can rotate any number of words and sentences beautifully. When a sentence [...]
If you want a simple and straightforward way of presenting your online portfolio then try Bootstrap Image Gallery. Created by Sebastian Tschan (a.k.a. blueimp), this extension of Twitter’s Bootstrap toolkit for its Modal dialog provides very easy navigation between sets of gallery images, plus all of the essential attributes and functions that other image slider [...]
The web developers at Maui Website Design have designed a dynamic image menu that allows you to navigate easily through any visual content with a Motools-inspired effect, powered by jQuery Javascript. The menu’s main functions require a jQuery-compatible script, a valid XHTML, a Motools-like sliding effect, and it should be lightweight. It comes in two [...]
Tired of the same old loader image? Then try James Padolsey‘s JavaScript loader called the Sonic Looping Loader. Sonic is a tiny JS “class” utilizing the creation of custom loading animations. It is highly customizable style, and you can define the path using arc, bezier and line as functions. Click on the image to view [...]
One of the coolest things about jQuery is that you can experiment with it, like with this animated robot. Here is a sample of how one can do this, based on Anthony Calzadilla’s design. It’s easy to modify and loads fast, with the end product similar to Flash designs but with more advantages. Web designers [...]
Integrate an interactive map into your website with jVectorMap. This is a jQuery plugin which shows vector maps on HTML pages and applies SVG in all contemporary modern browsers ranging from ancient IE 6 to 8, Chrome, Opera, IE9, Safari, Firefox. All you have to do is connect Javascript and CSS files of plugin and [...]
The commenting system just became more fun for users! Created by eligeske, this animated jQuery star commenting system is a great way to rate your posts. Add this to your website and see your visitor activity increase. Download the ZIP FILE. HTML (star_rating.html) <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> [...]
jQuery By Example’s author created this neat plugin for automatically converting your text to upper, lower, title, and pascal case. The auto feature is just half of it, the other half is that it converts your text in REAL-TIME! Check out the live demo here or take a look at its code here. First thing [...]
0
511
