ZauberNerd
diff --git a/‎README.md
Lines changed: 18 additions & 0 deletions b/‎README.md
Lines changed: 18 additions & 0 deletions
diff --git a/‎example.html
Lines changed: 28 additions & 0 deletions b/‎example.html
Lines changed: 28 additions & 0 deletions
diff --git a/‎parser.js b/‎parser.js
@@ -0,0 +1,18 @@
+Standards-Based CSS Parser
+==========================
+
+This project implements a standards-based CSS Parser.
+I'm writing the CSS Syntax spec <http://dev.w3.org/csswg/css3-syntax>,
+and need an implementation of it for testing purposes.
+
+This parser is *not* designed to be fast.
+Its structure and coding style are instead meant to be very close to the spec,
+so that it's easy to verify that the code matches the spec
+(and vice versa)
+and to make it easy,
+when the spec changes,
+to make the same change in the parser.
+
+However, it may still be useful to someone in production,
+as it is intended to fully and completely match browser behavior
+(at least, as much as the final spec does).
@@ -0,0 +1,28 @@
+<!doctype html>
+<textarea id='css'>u+5 u+a?</textarea>
+<button onclick='parseStuff()'>Parse</button>
+<textarea id='json'></textarea>
+<style>
+html,body { height: 100%; margin: 0; padding: 0; }
+body {
+	display: -webkit-flex;
+	-webkit-align-items: center;
+}
+textarea {
+	-webkit-flex: 1;
+	-webkit-align-self: stretch;
+	height: 100%;
+}
+</style>
+<script>
+var debug;
+function parseStuff() {
+	var css = document.querySelector('#css').value;
+	var tokens = tokenize(css);
+	debug = tokens;
+	console.log(tokens);
+	var txt = document.querySelector('#json');
+	txt.value = tokens.join(' ');
+}
+</script>
+<script src="tokenizer.js"></script>