Rowan Manning rowanmanning

In no particular order...

Alfred App
A replacement for spotlight search, with a bunch of useful productivity tools.
http://www.alfredapp.com/

Divvy
An awesome window manager.
http://mizage.com/divvy/

HTML/CSS

All assumes you're running nginx on port 8080. Change ports to suit your needs.

Copy ipfw.plist into /Library/LaunchDaemons/ipfw.plist
Copy ipfw.conf into /etc/ipfw.conf

If you want this to work straight away, you may need to run:

$ sudo launchctl load /Library/LaunchDaemons/ipfw.plist

I was shocked when my mum forwarded me the following email. She's very tech-savvy and wouldn't fall for this kind of thing, but it's a worrying indicator that "mobile web design" is now a big enough space that it's being targeted by these kinds of douchebags.

Hi,

I'm Andrew from [company name] and I'm a mobile website specialist. I was browsing your site and noticed you don't have a mobile version for your customers. The website currently makes it hard for your customers to tap the screen to call you and find the relevant information they need quickly.

I'll get straight to the point, I'm just finishing off designing you your own mobile optimised website, just like the one you see here: [link to really awful "mobile" version of another site]. It shows the comparison between a normal desktop site and a mobile optimised site. There are now more customers visiting your website on a mobile phone than a laptop or computer, they have overtook computer use in 2013. If you don't have your website optimised

	<!DOCTYPE html>

	<meta charset="utf-8"/>
	<title>↑ ↑ ↓ ↓ ← → ← → B A</title>

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
	<script src="konami.js"></script>
	<script>

	// On document ready

	<!DOCTYPE html>
	<html lang="en">
	<head>

	<meta charset="utf-8"/>
	<title>Simple Wesley Client</title>

	</head>
	<body>

	.progress-1 { width: 1%; }
	.progress-2 { width: 2%; }
	.progress-3 { width: 3%; }
	.progress-4 { width: 4%; }
	.progress-5 { width: 5%; }
	.progress-6 { width: 6%; }
	.progress-7 { width: 7%; }
	.progress-8 { width: 8%; }
	.progress-9 { width: 9%; }
	.progress-10 { width: 10%; }

	# Description:
	# None
	#
	# Dependencies:
	# None
	#
	# Configuration:
	# None
	#
	# Commands:

	$foo: 'bar' !default;

	// ...do stuff