Skip to content

Instantly share code, notes, and snippets.

View alnguyenngoc's full-sized avatar

Albert Nguyen alnguyenngoc

  • Hanoi, viet
View GitHub Profile
@alnguyenngoc
alnguyenngoc / html5 head with google analytics and open graph.html
Created November 25, 2013 02:28
html5 head with google analytics and open graph
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<title>Title</title>
<!-- Meta Information starts -->
<meta name="description" content="">
@alnguyenngoc
alnguyenngoc / Sample HTML5 Document with Basic Semantics.html
Created November 25, 2013 02:27
Sample HTML5 Document with Basic Semantics
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Sample HTML5 Document with Basic Semantics</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
@alnguyenngoc
alnguyenngoc / html5 ready css reset.css
Created November 25, 2013 02:26
html5 ready css reset
/*&nbsp;&nbsp;&nbsp;html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)&nbsp;&nbsp;v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark&nbsp;&nbsp;html5doctor.com/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
@alnguyenngoc
alnguyenngoc / most used html5 inputs
Created November 25, 2013 02:25
most used html5 inputs
<input type="number"/> (Spinner)
<input type="range"/> (Slider)
<input type="date"/> (Popup Calendar)
<input type="color"/> (Color Chooser)
<input type="email"/> (Email Entry)
<input type="url"/> (URL Entry)
<input type="tel"/> (Telephone Input)
<input type="search"/> (Search Query Input)
@alnguyenngoc
alnguyenngoc / Google Static map.html
Created November 25, 2013 02:24
Google Static map
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0, user-scalable=no" />
<title>Geo Location</title>
<style type="text/css" media="screen">
html{ height: 100%; }
body{ height: 100%; margin: 0; padding: 0; }
@alnguyenngoc
alnguyenngoc / direction from Google Maps.html
Created November 25, 2013 02:24
direction from Google Maps
<form action="http://maps.google.com/maps" method="get" target="_blank">
<label for="saddr">Enter your location</label>
<input type="text" name="saddr" />
<input type="hidden" name="daddr" value="350 5th Ave New York, NY 10018 (Empire State Building)" />
<input type="submit" value="Get directions" />
</form>