Wang Zuo wangzuo

#HTML presentation tools

There are many HTML presentation tools and they are all created for slightly different reasons. Here's an overview. Please let me know if I forgot any.

##CSSS

CSS-based SlideShow System

kvz: "I'm recommending these Mac apps to a colleague who's losing his OSX virginity: https://gist.github.com/1372883. Anything you think I should add?"

Don't forget to look at the suggestions at the bottom, there's some cool stuff in there.

Essential

1Password - password manager. intergrates with Dropbox & all main webbrowsers so you'll never lose a password again
Dropbox - a free 2GB folder in your homedir that stays in sync with all the devices you also install it on (linux/windows/mac/ipad/iphone/etc). Useful for backup, collaboration (share 1 folder with others), and keeping important documents with you.
Chrome - browsing
Colloquy - IRC

	# ~/.osx — http://mths.be/osx

	###############################################################################
	# General UI/UX #
	###############################################################################

	# Set computer name (as done via System Preferences → Sharing)
	scutil --set ComputerName "MathBook Pro"
	scutil --set HostName "MathBook Pro"
	scutil --set LocalHostName "MathBook-Pro"

	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

	body {
	font-family: Helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 1.6;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: white;
	padding: 30px; }

	body > *:first-child {

	// ==UserScript==
	// @name Use Markdown, sometimes, in your HTML.
	// @author Paul Irish <http://paulirish.com/>
	// @link http://git.io/data-markdown
	// @match *
	// ==/UserScript==


	// If you're not using this as a userscript just delete from this line up. It's cool, homey.

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

	Copyright (C) 2011 Mathieu 'p01' Henri - http://www.p01.org/releases/

	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

	{ "keys": ["home"], "command": "move_to", "args": {"to": "bol"} },
	{ "keys": ["end"], "command": "move_to", "args": {"to": "eol"} }

	/**********************************************/
	/*
	/* Tomorrow Skin by Ben Truyman - 2011
	/*
	/* Based on Chris Kempson's Tomorrow Theme:
	/* https://github.com/ChrisKempson/Tomorrow-Theme
	/*
	/* Inspired by Darcy Clarke's blog post:
	/* http://darcyclarke.me/design/skin-your-chrome-inspector/
	/*

	function whatDoesItDo(val){

	return val ? 1 : 2;

	}