thm-design

/*
 * jQuery Nivo Slider v2.6
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * 
 * 100% width + background color cycle + transparent image by Tony H. Meyer 

thm-design

<div class="step-bar title-bar-dark">
    <div class="steps">
      <ul class="step">
        <li class="active"><a href="#">Step 1</a></li>
        <li><a href="#">Step 2</a></li>
        <li><a href="#">Step 3</a></li>
        <li><a href="#">Step 4</a></li>
      </ul>
    </div>
  </div>

thm-design

# General Variables
sketch = Sketch.create()
particles = []
particleCount = 750
sketch.mouse.x = sketch.width / 2
sketch.mouse.y = sketch.height / 2
sketch.strokeStyle = 'hsla(200, 50%, 50%, .4)'
sketch.globalCompositeOperation = 'lighter'
  
# Particle Constructor

thm-design

<div class='buttons'>
      <a href='#' title='Title 1'>
        &#x2606;
      </a>
      <a class='active' href='#' title='Title 2'>
        &#x262F;
      </a>
      <a href='#' title='Title 3'>
        &#x2666;
      </a>

thm-design

<div id="warp">
  <br />
<label for="check"><input id="check" type="checkbox"><span class="strip"></span></label><br /><br />
<label for="check2"><input checked id="check2" type="checkbox"><span class="strip"></span></label>
  <br />
  <br />
  <br />
</div>

thm-design

<h1>Chameleon Theme</h1>
<h2>Adapting to <span id="color">ANY</span> color.</h2>

<input id="input-color" type="color" value="#00aaff">

<ul class="box">
  <button>Button</button>
</ul>

<p>Not really possible with CSS alone.</p>

thm-design

<h1>404</h1>

<div class="frame">
    <div></div>
    <div></div>
    <div></div>
</div>
<div class="caps"><img src="http://ademilter.com/caps.png" alt=""></div>
<canvas id="canvas"></canvas>

thm-design

<input type='checkbox'><br>
<input type='checkbox' checked><br>
<input type='checkbox'>

thm-design

Contract Killer 3

Revised date: 07/11/2012

Between us [company name] and you [customer name]

Summary:

We’ll always do our best to fulfil your needs and meet your expectations, but it’s important to have things written down so that we both know what’s what, who should do what and when, and what will happen if something goes wrong. In this contract you won’t find any complicated legal terms or long passages of unreadable text. We’ve no desire to trick you into signing something that you might later regret. What we do want is what’s best for both parties, now and in the future.

thm-design

// History.js It!
// v1.0.1 - 30 September, 2012
// https://gist.github.com/854622
(function(window,undefined){
	
	// Prepare our Variables
	var
		History = window.History,
		$ = window.jQuery,
		document = window.document;