Design Blog and Code Base

next_post_link() Fix When Using query_posts()

Posted on: March 28th, 2012 by richardreay

In Wordpress if you want to filter the posts being displayed either by category or how many posts etc you use query_posts(). This unfortunately breaks the next_post_link() and previous_post_link() (the links still appear but when you click on them the content stays the same). Fortunately I found a fix:


Read More ..

jQuery Serialize Function

Posted on: December 12th, 2011 by richardreay

I discovered this super useful jQuery function recently when I was working on a project, you run this on a form and it converts the form elements into a query string representing the state of the various elements, a simple method for creating a query string to be used with AJAX updates:


Read More ..

CSS3 + jQuery Tabs

Posted on: August 18th, 2011 by richardreay

View Example

I made a really simple script for some standard jQuery tabs using CSS3 to make the tabs rounded with a gradient, no images involved.


Read More ..

Create a jQuery Image Slider

Posted on: August 16th, 2011 by richardreay

View Example

I decided to make a jQuery image slider however I went down a few blind alleys logic-wise before settling on the method I used, I’ll explain how I ended up coding it and the problems I had with some other ways I tried.


Read More ..

CSS Float Clearing

Posted on: July 29th, 2011 by richardreay

I’ve used the older method of manually adding an element to the HTML to clear floats for years, however this is a much better way of handling it:

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

Read More ..

© Richard Reay, A Whitley Bay Web Designer