Following up to the 2 recent WordPress menu plugins we launched we thought we should do a quick tutorial on how to add a widget area to your WordPress theme.
Both of the plugins, the jQuery Mega Menu and the jQuery Vertical Accordion Menu use widget areas as a quick and easy way to add custom menus to your WordPress … more
Updated 12th November 2011
Drop down mega menus are becoming more popular as an alternative to standard drop down menus.
This WordPress menu plugin will allow you to quickly and easily create drop down mega menus from any WordPress custom menu. The plugin can handle multiple mega menus per page, offers a choice of animation effects (fade or slide), … more
The following tutorial takes one of our earlier code snippets and improves it by adding a function to preload images.
The Quick and Easy jQuery Image Swap function offers a very simple way of implementing image change on hover for buttons, links, etc (see earlier post for more info). One problem however is that the first time the active image … more
Using jQuery we can easily sort a list of html elements alphabetically. In the following tutorial I will give 2 examples – sorting an unordered list and sorting a table.
View Sorting Demo
Sorting An Unordered List
Here we have a simple unordered list of country names. To initiate the sorting I have added 2 links – one … more
Updated: 18th January 2012
This plugin allows you to easily create multiple jquery vertical accordion menus using the custom menus function, available in WordPress 3.0.
The accordion menu can handle any number of sub-menus and features include the option to select either “hover” or “click” to activate the menu, add a count showing the number of links under each … more
For today’s tutorial we are going to do something a little more interesting and take several jQuery functions, which have been covered in our previous posts and combine them to create our own form submit process, which will be able to handle all of the forms in our projects.
This is a good exercise to see how various components/snippets can … more
Earlier today I decided to create an animated golden ratio calculator using a bit of CSS and of course jQuery.
Partly as an exercise in using jQuery animation and also to create something relatively interesting/useful, the calculator takes an input width in pixels and outputs an actual sized golden rectangle layout up to the maximum width of your … more
As a web designer you are bound to come across the problem of how to handle unequal heights of floated elements, especially when it comes to layouts for online stores:
Without Resizing
Whilst many ecommerce/content management systems will automatically create standard thumbnails or you can use CSS to limit the height of the thumbnail shown sometimes it is … more
I have now added a list of all of the available jQuery tutorial demos so far, including demos and links for the jQuery plugins. So if you are looking for some quick tips take a look at:
jQuery Tutorial Demos
Today’s tutorial is a brief look at the jQuery animate function and how this can be used to create a very quick and easy content slider from an unordered list and a few lines of jQuery.
Whilst there are a lot of plugins out there for creating slick jQuery sliders sometimes all you need is a few lines a code … more
