diff --git a/examples/dev.html b/examples/dev.html
new file mode 100644
index 0000000..fa8ee39
--- /dev/null
+++ b/examples/dev.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf8">
+		<title>Dev</title>
+
+		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
+		<script src="../lib/pixastic/pixastic.core.js"></script>
+		<script src="../lib/pixastic/actions/brightness.js"></script>
+		<script src="../lib/pixastic/actions/desaturate.js"></script>
+		<script src="../lib/pixastic/actions/sharpen.js"></script>
+		<script src="../lib/ComicBook.js"></script>
+		<link rel="stylesheet" href="../css/reset.css">
+		<link rel="stylesheet" href="../css/Aristo/css/Aristo/Aristo.css">
+		<link rel="stylesheet" href="../css/styles.css">
+	</head>
+	<body>
+
+		<canvas id="comic"></canvas>
+
+		<script>
+			var book = new ComicBook('comic', [
+				'goldenboy/goldenboy_00.jpg',
+				'goldenboy/goldenboy_01.jpg',
+				'goldenboy/goldenboy_02.jpg',
+				'goldenboy/goldenboy_03.jpg',
+				'goldenboy/goldenboy_04.jpg',
+				'goldenboy/goldenboy_05.jpg',
+				'goldenboy/goldenboy_06.jpg',
+				'goldenboy/goldenboy_07.jpg',
+				'goldenboy/goldenboy_08.jpg',
+				'goldenboy/goldenboy_09.jpg',
+				'goldenboy/goldenboy_10.jpg',
+				'goldenboy/goldenboy_11.jpg',
+				'goldenboy/goldenboy_12.jpg',
+				'goldenboy/goldenboy_13.jpg',
+				'goldenboy/goldenboy_14.jpg',
+				'goldenboy/goldenboy_15.jpg',
+				'goldenboy/goldenboy_16.jpg',
+				'goldenboy/goldenboy_17.jpg',
+				'goldenboy/goldenboy_18.jpg',
+				'goldenboy/goldenboy_19.jpg',
+				'goldenboy/goldenboy_20.jpg',
+				'goldenboy/goldenboy_21.jpg',
+				'goldenboy/goldenboy_22.jpg',
+				'goldenboy/goldenboy_23.jpg',
+				'goldenboy/goldenboy_24.jpg',
+				'goldenboy/goldenboy_25.jpg'
+   			]);
+			book.draw();
+
+			$(window).resize(function(event) {
+				book.draw();
+			});
+		</script>
+	</body>
+</html>
