maheshbabu’s gists

btd / jQuery.print.js

Created April 15, 2012 07:25

jQuery.print.js

	// Create a jquery plugin that prints the given element.
	jQuery.fn.print = function(){
	// NOTE: We are trimming the jQuery collection down to the
	// first element in the collection.
	if (this.size() > 1){
	this.eq( 0 ).print();
	return;
	} else if (!this.size()){
	return;
	}

anthonyshort / _media-queries.scss

Created March 13, 2012 10:37

Media Queries in Sass

	// Media Queries in Sass 3.2
	//
	// These mixins make media queries a breeze with Sass.
	// The media queries from mobile up until desktop all
	// trigger at different points along the way
	//
	// And important point to remember is that and width
	// over the portrait width is considered to be part of the
	// landscape width. This allows us to capture widths of devices
	// that might not fit the dimensions exactly. This means the break

michaelhelmick / googlemapsv3.php

Created January 17, 2012 20:16

Google Map v3 API multiple markers

	<script>
	var infowindow = null;
	var markerArray = [];
	var bounds: new google.maps.LatLngBounds();
	var map = new google.maps.Map(document.getElementById("map_canvas"), {zoom: 4,mapTypeId: google.maps.MapTypeId.ROADMAP});

	function set_marker(lat, lng){
	var position = new google.maps.LatLng(lat, lng);
	var marker = new google.maps.Marker({map: map, position: position});

ecarter / mapOrder.js

Created December 2, 2011 15:40

Order an array of objects based on another array order


	/**
	* Sort array of objects based on another array
	*/

	function mapOrder (array, order, key) {

	array.sort( function (a, b) {
	var A = a[key], B = b[key];

tvandervossen / gist:1231476

Created September 21, 2011 07:33

Mobile Safari viewport sizes on iOS 4.3 and 5

	iPad

	1024 × 690 In landscape on iOS 4.3
	1024 × 672 In landscape on iOS 5
	768 × 946 In portrait on iOS 4.3
	768 × 928 In portrait on iOS 5

	1024 × 660 Always showing bookmarks bar in landscape on iOS 4.3
	1024 × 644 Always showing bookmarks bar in landscape on iOS 5
	768 × 916 Always showing bookmarks bar in portrait on iOS 4.3

ChrisMBarr / ZoomDetect.htm

Created July 1, 2011 20:10

Detects if the browser zoom is set to the default or not. (Not working for Opera, Firefox 3.6, and anything below Firefox 3.5)

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<title>Calculating zoom using Javascript</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script>
	function hasPageBeenResized() {
	var isResized;

staydecent / media_queries.css

Created June 12, 2011 17:46

Example of various media queries for responsive web design.

	/* Media queries used on blog.staydecent.ca by Adrian Unger
	check my full source at:
	http://blog.staydecent.ca/static/css/style-0.1.6.css */
	@media only screen and (min-width:768px) and (max-width:1269px) {
	/* In my particular design, I used a fluid grid limited to a
	max-width of 1140px, while (if there is enough room)
	pushing the menu outside of layout, requiring a total
	limit of at least 1270px.

	So, this first query applies to any screen-width less

doublejosh / css_page_curl_shadow

Created May 21, 2011 18:42

Cross Browser CSS Page Curl Shadow


	<!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">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Cross Browser CSS Page Curl Shadow</title>
	<style type="text/css">
	body{font-family: "American Typewriter","Bookman Old Style","Palatino Linotype","Palatino",Georgia,typewriter,monos;}
	#page-wrap{width:960px;margin:5% auto;}
	.shadow-wrap{}

mcongrove / HTML5_Audio_Duration.html

Created April 20, 2011 06:36

Retrieve the duration of an HTML5 audio element.

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html>
	<head>
	<title>HTML5 Audio Duration</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript">
	var audio, duration;

	window.onload = function() {
	var element = document.createElement("audio");

juliocesar / best-localStorage-polyfill-evar.js

Created April 18, 2011 23:19

This is the best localStorage polyfill in the world

	// I mean, seriously, localStorage is supported even by your mum. How about instead of
	// casing the feature out, you give users in-memory (stale) storage instead?
	// If they close your application, they deserve to lose data anyway.

	// if (!('localStorage' in window)) {
	if (!Modernizr.localstorage) {
	window.localStorage = {
	_data : {},
	setItem : function(id, val) { return this._data[id] = String(val); },
	getItem : function(id) { return this._data.hasOwnProperty(id) ? this._data[id] : undefined; },

Mahesh Babu.R maheshbabu