Skip to content

Instantly share code, notes, and snippets.

View hemantajax's full-sized avatar

Hemant hemantajax

2 followers · 1 following
View GitHub Profile
@hemantajax
hemantajax / html5.html
Created March 7, 2012 17:25
HTML:html5 template
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://184.154.231.7/~jerusal0/skin/frontend/default/jm_bistro/joomlart/jmslideshow/css/jm.slideshow.css">
<style>
</style>
</head>
@hemantajax
hemantajax / ie-hack
Created March 7, 2012 17:36 — forked from HungYuHei/ie-hack
ie hack
selector{
property:value; /* all browser */
property:value\9; /* all IE */
padding:8px\0; /* ie8-9 */
*padding:5px; /* ie6-7 */
+property:value; /* IE7 */
_property:value; /* IE6 */
}
<!--[if !IE]>NOT IE<![endif]-->
@hemantajax
hemantajax / yql.html
Created March 9, 2012 17:08
YQL:yql simple use
<!doctype html>
<head>
<title>YQL Simple Use</title>
<meta charset="utf-8" />
<style>
#result{
width:800px;
margin: 20px auto;
background-color: #DDD;
}
@hemantajax
hemantajax / progress-meter.html
Created March 11, 2012 10:16
HTML5:progress and meter
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Progress and Meter</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, figure, footer, header, hgroup,
@hemantajax
hemantajax / image-tooltip.html
Created April 29, 2012 18:22
tooltip for image on hover
<!doctype html>
<html>
<head>
<title>Image Tooltip</title>
<meta charset="utf-8" />
<style>
a{
border:1px solid #00f;
display: inline-block;
}
@hemantajax
hemantajax / floatDiv.html
Created May 1, 2012 07:31
floating div
<!DOCTYPE html>
<html>
<title>Floating div</title>
<head>
<style type="text/css">
body{
height:1200px;
}
#wrapper{
@hemantajax
hemantajax / scrollToElement.html
Created May 1, 2012 10:15
Scroll to a particular element
<!DOCTYPE html>
<html>
<title>smooth scroll</title>
<head>
<style>
#wrapper{
width:400px;
margin:20px auto;
}
@hemantajax
hemantajax / termsScroll.html
Created May 1, 2012 13:43
Enable checkbox when user scroll through whole term and condition
<!DOCTYPE html>
<html>
<title>Enable terms and condition checkbox after scroll</title>
<head>
<style>
#wrapper{
width:400px;
margin:20px auto;
}
@hemantajax
hemantajax / this.html
Created May 26, 2012 12:38
this magic, what is this
<!doctype html>
<head>
<meta chrset="UTF-8" />
<title>How "this" works</title>
</head>
<body>
<a href="http://www.google.com">Hit me baby</a>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
@hemantajax
hemantajax / myinfo.html
Created May 26, 2012 15:12
how to use Object Orianted Javascript
<!doctype html>
<html>
<head>
<title>My Info</title>
<meta charset="utf-8" />
<style>
#wrapper{
width:220px;
height:420px;
margin:40px auto;