Chris Polis cmpolis

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


	Backbone.Collection.prototype.update = function(col_in){
	var that = this,
	ids = [];

	var cur_ids = that.pluck('id'),
	new_ids = _(col_in).pluck('id'),
	to_remove = _(cur_ids).difference(new_ids);

	this.remove(to_remove);

	one:
	email: e@mail.com
	encrypted_password: <%= User.new.send(:password_digest, "password") %>
	authentication_token: <%= User.authentication_token %>

	.ipad-only,
	.iphone-only,
	.retina-only,
	.non-retina-only,
	.retina-iphone-only,
	.non-retina-iphone-only
	display: none

	// iPad Only
	@media only screen and (device-width: 768px)

	//adapted from the LoessInterpolator in org.apache.commons.math
	function loess_pairs(pairs, bandwidth)
	{
	var xval = pairs.map(function(pair){return pair[0]});
	var yval = pairs.map(function(pair){return pair[1]});
	console.log(xval);
	console.log(yval);
	var res = loess(xval, yval, bandwidth);
	console.log(res);
	return xval.map(function(x,i){return [x, res[i]]});