webin’s gists

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>

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 / 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 / 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 / KeepFooterBottom.html

Created April 16, 2014 09:24

pure css keep footer at the bottom of the page

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>pure css keep footer at the bottom of the page</title>
	<style>
	html,
	body {
	margin: 0;
	padding: 0;

webin / CssHack.html

Created April 16, 2014 09:28

CSS Hack Browser Compatibility List

	<!doctype html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title>CSS Hack</title>
	<style type="text/css">
	html {
	padding-right: 0px; padding-left: 0px; font-size: 13px; padding-bottom: 0px; margin: 0px; padding-top: 0px; font-family: 'lucida grande', helvetica, sans-serif
	}
	body {

webin / 2ColumnCSS.html

Created April 16, 2014 10:04

2 Column CSS Demo - Equal Height Columns with Cross-Browser CSS

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>2 Column CSS Demo - Equal Height Columns with Cross-Browser CSS</title>
	<style>
	body {
	margin:0;
	padding:0;
	}

webin / 3ColumnCSS.html

Created April 16, 2014 10:04

3 Column CSS Demo - Equal Height Columns with Cross-Browser CSS

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>2 Column CSS Demo - Equal Height Columns with Cross-Browser CSS</title>
	<style>
	body {
	margin:0;
	padding:0;
	}

webin / 4ColumnCSS.html

Created April 16, 2014 10:05

4 Column CSS Demo - Equal Height Columns with Cross-Browser CSS

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>2 Column CSS Demo - Equal Height Columns with Cross-Browser CSS</title>
	<style>
	body {
	margin:0;
	padding:0;
	}

webin / 5ColumnCSS.html

Created April 16, 2014 10:07

5 Column CSS Demo - Equal Height Columns with Cross-Browser CSS

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>2 Column CSS Demo - Equal Height Columns with Cross-Browser CSS</title>
	<style>
	body {
	margin:0;
	padding:0;
	}

bingo webin