reidblomquist reidblomquist

This code how to replace the traditional radio-buttons, for custom images. You can do the same with checkboxes.

Demo: http://jsfiddle.net/La8wQ/10/
A mod: http://jsfiddle.net/La8wQ/22/

#Mobile Device Detection via User Agent RegEx

Yes, it is nearly 2012 and this exercise has been done to death in every imaginable language. For my own purposes I needed to get the majority of non-desktop devices on to a trimmed down, mobile optimized version of a site. I decided to try and chase down an up-to-date RegEx of the simplest thing that could possibly work.

I arrived at my current solution after analyzing 12 months of traffic over 30+ US based entertainment properties (5.8M+ visitors) from Jan - Dec 2011.

The numbers solidified my thoughts on the irrelevancy of including browsers/OSes such as Nokia, Samsung, Maemo, Symbian, Ipaq, Avant, Zino, Bolt, Iris, etc. The brass tacks of the matter is that you certainly could support these obscure beasts, but are you really going to test your site on them? Heck, could you even find one?! Unless the folks that pay you are die hard Treo users my guess is "No".

Interestingly enough my research shows that /Mobile/ is more efficient than **/iP(

	'Twas the night before Christmas, when all through the racks
	Not a server was alerting, not even Compaqs.
	The backups were written to tapes with care
	In hopes that later the data would be there.

	The machines were nestled all snug in their sleds
	Whilst visions of vengeance danced in their heads;
	And oncall in his three-wolf and I in my rack.
	Had just settled down for some syn and some ack.

	@mixin circle($width, $color) {
	width: $width;
	height: $width;
	background: $color;
	-webkit-border-radius: $width/2;
	-moz-border-radius: $width/2;
	border-radius: $width/2;
	}

	.circle {

	// Getting a file through XMLHttpRequest as an arraybuffer and creating a Blob
	var rhinoStorage = localStorage.getItem("rhino"),
	rhino = document.getElementById("rhino");
	if (rhinoStorage) {
	// Reuse existing Data URL from localStorage
	rhino.setAttribute("src", rhinoStorage);
	}
	else {
	// Create XHR, Blob and FileReader objects
	var xhr = new XMLHttpRequest(),

	body {
	font: 12px verdana;
	background-color: #5C87B2;
	}

	form {
	max-width: 400px;
	padding: 15px;
	background-color: white;
	}