andersdn

Font Awesome Colored - Brand And Social Icons

Font Awesome Brand and social Icons with brand color

flippin' bars with CSS variables (WebKit only)

Watch me code this in9 minutes (you can also speed it up if you feel I'm typing/ speaking too slow). WebKit only! Firefox and Edge don't support calc() as an animation-delay value and Firefox doesn't support calc() in rgb() either. If you like this demo in particular and my demos in general, please consider one of the following:

getting me something from my Amazon WishList
or this t-shirt (size S) that I couldn't find on Amazon, but I absolutely love
or at least supportting the implementation of the cool features showcased here: using calc() for any values, not just lengths - bugs 956573, [984021](https://bugzilla.mozilla.org/show_bug.cgi?id=98

	<div class="holoform dark">
	<span class="checkbox">
	<label for="check1">This is the label</label>
	<span>
	<input type="checkbox" name="check1" id="check1">
	<label data-on="ON" data-off="OFF"></label>
	</span>
	</span>
	<span class="checkbox">
	<label for="check2">This one is already checked</label>

	<div class="holoform dark">
	<span class="checkbox">
	<label for="check1">This is the label</label>
	<span>
	<input type="checkbox" name="check1" id="check1">
	<label data-on="ON" data-off="OFF"></label>
	</span>
	</span>
	<span class="checkbox">
	<label for="check2">This one is already checked</label>

	<html>
	<body>
	<h1>Foo is <%= foo %></h1>
	<% _.each(baz,function(value,index){ %>
	<h2>Baz <%= index %> is <%= value %>
	<h2>
	<% }) %>
	</body>
	</html>

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>TITLE</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
	</head>
	<body>

	<div id="container">