Dani Hodovic danihodovic

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

Latency numbers every programmer should know

L1 cache reference ......................... 0.5 ns
Branch mispredict ............................ 5 ns
L2 cache reference ........................... 7 ns
Mutex lock/unlock ........................... 25 ns
Main memory reference ...................... 100 ns             
Compress 1K bytes with Zippy ............. 3,000 ns  =   3 µs
Send 2K bytes over 1 Gbps network ....... 20,000 ns  =  20 µs
SSD random read ........................ 150,000 ns  = 150 µs

Read 1 MB sequentially from memory ..... 250,000 ns = 250 µs

agnoster.zsh-theme

A ZSH theme optimized for people who use:

Solarized
Git
Unicode-compatible fonts and terminals (I use iTerm2 + Menlo)

For Mac users, I highly recommend iTerm 2 + Solarized Dark

Some scripts/configurations that greatly improve tmux/vim workflows. The shell scripts target zsh but should be adaptable without much effort for other unix shells.

Features:

Transparently move between tmux panes and vim windows
Using the shell, open files in one vim instance per project or directory
Fully integrated copy/paste between tmux, vim and x11 using simple keybinds(need to install the xclip program)
Easily send text to any tmux pane without breaking your edit workflow(needs slimux

'vim-tmux-move.zsh', '.vimrc' and '.tmux.conf' cooperate so you can move transparently between tmux panes and vim windows using ALT + (arrow keys or jkhl). It was based on this gist

I use tmux splits (panes). Inside one of these panes there's a Vim process, and it has its own splits (windows).

In Vim I have key bindings C-h/j/k/l set to switch windows in the given direction. (Vim default mappings for windows switching are the same, but prefixed with C-W.) I'd like to use the same keystrokes for switching tmux panes.

An extra goal that I've solved with a dirty hack is to toggle between last active panes with C-\.

Here's how it should work:

	--langdef=js
	--langmap=js:.js
	--regex-js=/(,\|(;\|^)[ \t](var\|let\|([A-Za-z_$][A-Za-z0-9_$.]+\.)))[ \t]([A-Za-z0-9_$]+)[ \t]=[ \t]*\{/\5/,object/
	--regex-js=/(,\|(;\|^)[ \t](var\|let\|([A-Za-z_$][A-Za-z0-9_$.]+\.)))[ \t]([A-Za-z0-9_$]+)[ \t]=[ \t]function[ \t]\(/\5/,function/
	--regex-js=/(,\|(;\|^)[ \t](var\|let\|([A-Za-z_$][A-Za-z0-9_$.]+\.)))[ \t]([A-Za-z0-9_$]+)[ \t]=[ \t]*\[/\5/,array/
	--regex-js=/(,\|(;\|^)[ \t](var\|let\|([A-Za-z_$][A-Za-z0-9_$.]+\.)))[ \t]([A-Za-z0-9_$]+)[ \t]=[ \t][^"]'[^']/\5/,string/
	--regex-js=/(,\|(;\|^)[ \t](var\|let\|([A-Za-z_$][A-Za-z0-9_$.]+\.)))[ \t]([A-Za-z0-9_$]+)[ \t]=[ \t]*(true\|false)/\5/,boolean/
	--regex-js=/(,\|(;\|^)[ \t](var\|let\|([A-Za-z_$][A-Za-z0-9_$.]+\.)))[ \t]([A-Za-z0-9_$]+)[ \t]=[ \t]*[0-9]+/\5/,number/
	--regex-js=/(,\|(;\|^)[ \t](var\|let\|([A-Za-z_$][A-Za-z0-9_$.]+\.)))[ \t]([A-Za-z0-9_$]+)[ \t]=[ \t]*.+([,;=]\|$)/\5/,variable/
	--regex-js=/(,\|(;\|^)[ \t](var\|let\|([A-Za-z_$][A-Za-z0-9_$.]+\.)))[ \t]([A-Za-z0-9_$]+)[ \t][ \t]*([,;]\|$)/\5/,variable/

	echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.bashrc
	. ~/.bashrc
	mkdir ~/local
	mkdir ~/node-latest-install
	cd ~/node-latest-install
	curl http://nodejs.org/dist/node-latest.tar.gz \| tar xz --strip-components=1
	./configure --prefix=~/local
	make install # ok, fine, this step probably takes more than 30 seconds...
	curl https://www.npmjs.org/install.sh \| sh

	/**
	* Monkey patch `Backbone.Model.extend()` with ES5 getters/setters for each
	* attribute defined in the defaults. Gives you the added bonus of being
	* to pass your backbone models directly to your Mustache.js views.
	*
	* Example:
	*
	* var User = Backbone.Model.extend({
	* defaults: {
	* username: undefined,

	// So this is short and easier

	process.stdin.resume()
	process.stdin.on('data', function(data) { process.stdout.write(data) })
	process.stdout.on('error', function(err) {
	if (err.code === 'EPIPE') return process.exit()
	process.emit('error', err)
	})

	Latency Comparison Numbers (~2012)
	----------------------------------
	L1 cache reference 0.5 ns
	Branch mispredict 5 ns
	L2 cache reference 7 ns 14x L1 cache
	Mutex lock/unlock 25 ns
	Main memory reference 100 ns 20x L2 cache, 200x L1 cache
	Compress 1K bytes with Zippy 3,000 ns 3 us
	Send 1K bytes over 1 Gbps network 10,000 ns 10 us
	Read 4K randomly from SSD* 150,000 ns 150 us ~1GB/sec SSD