Code Example Demo — Principle 3

JavaScript and PHP code has syntax highlighting for comments, keywords and constants, and strings:

JavaScript Code

//try to get to sleep unless there's too much noise in the room
function getToSleep()
{
	while(noise <= 10 && sleep !== "zzz")
	{
		sheep ++;
	}
	if(noise > 10)
	{
		return false;
	}
	return true;
}

CSS code has syntax highlighting for comments, property names, and strings:

CSS Code

/* add grammatical quotes to blockquote paragraphs */
blockquote p::before
{
	content:"\201c";
	display:inline-block;
	margin-right:0.2em;
}
blockquote p:last-of-type::after
{
	content:"\201d";
	display:inline-block;
	margin-left:0.2em;
}

HTML code has syntax highlighting for comments, tags and attribute names, and attribute values:

HTML Code

<!-- mobile and viewport settings -->
<meta name="viewport" content="width=device-width" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="True" />