othree othree

Pagination 101

Article by Faruk Ateş, [originally on KuraFire.net][original] which is currently down

One of the most commonly overlooked and under-refined elements of a website is its pagination controls. In many cases, these are treated as an afterthought. I rarely come across a website that has decent pagination, and it always makes me wonder why so few manage to get it right. After all, I'd say that pagination is pretty easy to get right. Alas, that doesn't seem the case, so after encouragement from Chris Messina on Flickr I decided to write my Pagination 101, hopefully it'll give you some clues as to what makes good pagination.

Before going into analyzing good and bad pagination, I want to explain just what I consider to be pagination: Pagination is any kind of control system that lets the user browse through pages of search results, archives, or any other kind of continued content. Search results are the o

Firefox (SpiderMonkey) doesn’t hoist function declarations in blocks

We include a third-party JavaScript library on our pages so we can run A/B and multivariate testing, and this code requires at least jQuery 1.4.0. Unfortunately we have more than a few dark corners of our site that are still dependent on an old (1.2.x) version of jQuery, so I had to find a way to detect the version of jQuery and not invoke the A/B testing code if we didn’t have the appropriate version.

Since we’re dealing with third party library, I didn’t really want to customise the code to add jQuery version detection as I’d have to do it all over again whenever the library is updated. Also, the library consists of global function declarations interspersed with fragments of immediately executed code that calls those functions, and I didn’t fancy refactoring the fragments just to add version detection.

Never mind, I thought. We include this library, along with the test data relevant to the current page, in a JavaScript bundle file ge

Step 0:

Get Homebrew installed on your mac if you don't already have it

Step 1:

Install highlight. "brew install highlight". (This brings down Lua and Boost as well)

	/Make position:fixed work in IE6!/

	.fixed-top /* position fixed Top */{position:fixed;bottom:auto;top:0;}
	.fixed-bottom /* position fixed Bottom */{position:fixed;bottom:0;top:auto;}
	.fixed-left /* position fixed Left */{position:fixed;right:auto;left:0;}
	.fixed-right /* position fixed right */{position:fixed;right:0;left:auto;}

	* html,* html body /* IE6 Fixed Position Jitter Fix */{background-image:url(about:blank);background-attachment:fixed;}
	* html .fixed-top /* IE6 position fixed Top */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
	* html .fixed-right /* IE6 position fixed right */{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)\|\|0)-(parseInt(this.currentStyle.marginRight,10)\|\|0));}

	/*
	* TypeHelpers version 1.0
	* Zoltan Hawryluk, Nov 24 2009.
	* @see http://www.useragentman.com/blog/2009/11/29/how-to-detect-font-smoothing-using-javascript/
	*
	* Released under the MIT License. http://www.opensource.org/licenses/mit-license.php
	*
	* Works for
	* - IE6+ (Windows),
	* - Firefox 3.5+ (Windows, Mac, Linux),

	/**
	* jQuery.support.cssProperty
	* To verify that a CSS property is supported
	* (or any of its browser-specific implementations)
	*
	* @param p css property name
	* @param rp optional, if set to true, the css property name will be returned
	* instead of a boolean support indicator
	* @return {mixed}
	*

	// ============================================================
	// Objects vs Primitives
	// To make a long story short, use primitives wherever you can.
	// ============================================================

	// Primitive types: Null, Undefined, Number, Boolean, String.

	var num1 = 9000,
	num2 = new Number( 9000 ),
	str1 = "hello world",

	#!/bin/bash
	while read LINE; do
	curl -o /dev/null --silent --progress-bar --head --write-out '%{http_code} %{time_starttransfer} %{url_effective}\n' "$LINE" >> urls_result.txt
	done < urls.txt

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
	Version 2, December 2004

	Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>

	Everyone is permitted to copy and distribute verbatim or modified
	copies of this license document, and changing it is allowed as long
	as the name is changed.

	DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE

othree othree

Pagination 101

Firefox (SpiderMonkey) doesn’t hoist function declarations in blocks

Step 0:

Step 1:

Step 2: