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/[email protected]') no-repeat top left;
	background-size: 200px 200px;
	}
	}

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 / 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">