View index.js
// This is needed to prevent onreadystatechange being run twice | |
var ready = false; | |
document.onreadystatechange = function() { | |
if (ready) { | |
return; | |
} | |
// interactive = DOMContentLoaded & complete = window.load |
View css.css
a { | |
transition: all .3s cubic-bezier(.3,2,.5,.8); | |
} |
View hidpi.css
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), | |
only screen and (min--moz-device-pixel-ratio: 1.3), | |
only screen and (-o-min-device-pixel-ratio: 1.3), | |
only screen and (min-resolution: 125dpi), | |
only screen and (min-resolution: 1.3dppx) { | |
/* Content goes below*/ | |
} |
View Boost <form>
<form action="#" class="form_stacked"> | |
</form> |
View Boost form items
<ul> | |
<li> | |
<label for="name">Name</label> | |
<div class="input"> | |
<input type="text" id="name" placeholder="Zander Martineau" /> | |
</div> | |
</li> | |
<li> | |
<label for="email">Email</label> |
View Boost form item
<li> | |
<label for="name">Label</label> | |
<div class="input"> | |
<input type="text" id="name" placeholder="Zander Martineau" /> | |
</div> | |
</li> |
View Boost 2 columns
<div class="row"> | |
<div class="grid_6 column"> | |
</div> | |
<div class="grid_6 column"> | |
</div> | |
</div> |
View Boost row
<div class="row"> | |
</div> |
View Boost form note
<span class="form_note">?<span>First name & last name</span></span> |
View Boost column
<div class="grid_6 column"> | |
</div> |
OlderNewer