Packery layout with bootstrap grid
A Pen by amitabha ghosh on CodePen.
Packery layout with bootstrap grid
A Pen by amitabha ghosh on CodePen.
// global vars | |
var winWidth = $(window).width(); | |
var winHeight = $(window).height(); | |
// set initial div height / width | |
$('div').css({ | |
'width': winWidth, | |
'height': winHeight, | |
}); |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> | |
<title>Google Maps Multiple Markers</title> | |
<script src="http://maps.google.com/maps/api/js?sensor=false"></script> | |
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script> | |
</head> | |
<body> | |
<div id="map" style="width: 500px; height: 400px;"></div> |
// Use Gists to store code you would like to remember later on | |
console.log(window); // log the "window" object to the console |
/* modernizr-test.js | |
* Daniel Ott | |
* 3 March 2011 | |
* Custom Tests using Modernizr's addTest API | |
*/ | |
/* iOS | |
* There may be times when we need a quick way to reference whether iOS is in play or not. | |
* While a primative means, will be helpful for that. | |
*/ |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> | |
<title>Google Maps Multiple Markers</title> | |
<script src="http://maps.google.com/maps/api/js?sensor=false"></script> | |
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.1.min.js"></script> | |
</head> | |
<body> | |
<div id="map" style="width: 500px; height: 400px;"></div> |
jQuery to Slide a div to right from left on mouseenter
A Pen by amitabha ghosh on CodePen.
$(function() { | |
var slider, // Global slider value to force playing and pausing by direct access of the slider control | |
canSlide = true; // Global switch to monitor video state | |
// Load the YouTube API. For some reason it's required to load it like this | |
var tag = document.createElement('script'); | |
tag.src = "//www.youtube.com/iframe_api"; | |
var firstScriptTag = document.getElementsByTagName('script')[0]; | |
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); | |