Skip to content

Instantly share code, notes, and snippets.

@webin
webin / ResponsiveTest.html
Last active August 29, 2015 13:59 — forked from lensco/responsive.html
simple responsive design test page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Responsive Design Testing</title>
<style>
body { margin: 20px; font-family: sans-serif; overflow-x: scroll; }
.wrapper { width: 6000px; }
.frame { float: left; }
h2 { margin: 0 0 5px 0; }
@webin
webin / html5-responsive-template-for-ie.html
Last active November 13, 2017 22:00
Html5 Responsive Template For IE
<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if IE 6]><html class="ie6 ielt9 no-css3 no-js lte7"><![endif]-->
<!--[if IE 7]><html class="ie7 ielt9 no-css3 no-js lte7"><![endif]-->
<!--[if IE 8]><html class="ie8 ielt9 no-css3 no-js"><![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!--><html class="no-js"><!--<![endif]-->
<head>
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
@webin
webin / responsive-tables.html
Last active August 29, 2015 13:56 — forked from frederickweiss/index.html
Responsive Tables
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Responsive Tables</title>
<!-- viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- CSS -->
@webin
webin / html5-responsive-template.html
Last active August 29, 2015 13:56
Html5 Responsive Template
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<!-- disable iPhone inital scale -->
<meta name="viewport" content="width=device-width; initial-scale=1.0" />
<title>Html5 Responsive Template</title>