Skip to content

Instantly share code, notes, and snippets.

View quawn's full-sized avatar

quawn

2 followers · 1 following
View GitHub Profile
@quawn
quawn / style.less
Last active December 28, 2015 03:09
CSS: Background image for Retina
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
.box{
background:url('images/box-bg@2x.png') no-repeat top left;
background-size: 200px 200px;
}
}
@quawn
quawn / no-js-img-preloading.html
Last active December 28, 2015 03:09
HTML: No-JS Image preloading
<!-- ADD THIS TO XHTML -->
<div id="preloaded-images">
<img src="http://perishablepress.com/image-01.png" width="1" height="1" alt="Image 01" />
<img src="http://perishablepress.com/image-02.png" width="1" height="1" alt="Image 02" />
<img src="http://perishablepress.com/image-03.png" width="1" height="1" alt="Image 03" />
</div>
@quawn
quawn / starter.html
Last active December 27, 2015 16:48
HTML: Quick Start
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="reset.css" rel="stylesheet" type="text/css">
<link href="style.css" rel="stylesheet" type="text/css">