tobynet tobynet

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

Sass/Less Comparison

In this document I am using Sass's SCSS syntax. You can choose to use the indented syntax in sass, if you prefer it, it has no functional differences from the SCSS syntax.

For Less, I'm using the JavaScript version because this is what they suggest on the website. The ruby version may be different.

Variables

順位	カタカナ	頻度	スコア
1	ニンジャスレイヤー	610	10632
2	ニンジャ	500	3657
3	イヤーッ	211	2537
4	グワーッ	155	2056
5	ギンイチ	166	1986
6	スリケン	123	1533
7	ネオサイタマ	73	1362

	// ==UserScript==
	// @name Twitter search(ja) result on Google
	// @namespace http://efcl.info/
	// @include http://www.google./search?
	// ==/UserScript==
	// original Twitter Search Results on Google for Greasemonkey [ http://userscripts.org/scripts/show/43451 ]

	(function(doc){
	// config display number
	var SEARCHINTERVAL = 5;

	" :TabpageCD - wrapper of :cd to keep cwd for each tabpage "{{{

	" AlterCommand cd TabpageCD

	" nnoremap ,cd :<C-u>TabpageCD %:p:h<CR>

	command!
	\ -bar -complete=dir -nargs=?
	\ CD
	\ TabpageCD <args>

	#!/usr/bin/env ruby

	require 'rubygems'
	require 'active_resource'
	require 'redmine_client'
	require 'pivotal-tracker'
	require 'yaml'

	ActiveResource::Base.logger = Logger.new(STDOUT)
	ActiveResource::Base.logger.level = Logger::DEBUG

	○○ちゃんが寂しがるから、そろそろ帰ろうか
	○○（芸能人やモデルの名前）がいるのかと思った。
	○○がいるのかと思った。
	○○ちゃん
	○○ちゃんはかわいいから、またいい人が見つかるよ
	ブログじゃないんだし、１日に何度も『今○○してるよ』的なメールを送られるとウザい
	『国会議員の○○さんに似てる！』と言われるが、いい印象がないのでちょっと・・・
	○○ちゃんはどう？
	○○しろよ
	オレ、俳優の○○と昔よくツルんでてさ・・・

	[PERSON]ちゃんが寂しがるから、そろそろ帰ろうか
	[PERSON]（芸能人やモデルの名前）がいるのかと思った。
	[OBJECT]がいるのかと思った。
	[PERSON]ちゃん
	[PERSON]ちゃんはかわいいから、またいい人が見つかるよ
	ブログじゃないんだし、１日に何度も『今[ACTION]してるよ』的なメールを送られるとウザい
	『国会議員の[PERSON]さんに似てる！』と言われるが、いい印象がないのでちょっと・・・
	[PERSON]ちゃんはどう？
	[ACTION]しろよ
	オレ、俳優の[PERSON]と昔よくツルんでてさ・・・

	#!/usr/bin/env ruby
	require 'rubygems'
	require 'gisty'

	if ENV['GISTY_DIR']
	begin
	@g = Gisty.new ENV['GISTY_DIR']
	rescue Gisty::UnsetAuthInfoException => e
	puts 'Error: set your api token.'
	puts 'see Global Git Config at https://github.com/account'

	FPSの類似ゲームルールまとめ(省略表記も出来れば付加)
	記法について(BNF)
	rule ::= rule-group { "/" rule-group }
	rule-group ::= rule-name [ "(" rule-reduced-names ")" ]
	rule-reduced-names ::= rule-name { "," rule-name }

	single
	Free for All(FFA) / Deathmatch / instagib
	Race
	Duel(1on1, 1vs1)