Skip to content

Instantly share code, notes, and snippets.

👋
Coding

Zander Martineau mrmartineau

👋
Coding
View GitHub Profile
@mrmartineau
mrmartineau / index.js
Created Aug 26, 2015
Better DOMready
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);
}
@mrmartineau
mrmartineau / hidpi.css
Created Jun 30, 2014
hidpi media query
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 form note
<span class="form_note">?<span>First name &amp; last name</span></span>
View Boost column
<div class="grid_6 column">
</div>
You can’t perform that action at this time.