Jeff Bail jbail

## gist:706193
class Vault(object):

    #here's our private variable
    __secret = "subtle and insubstantial, the expert leaves no trace"

    #getter method to return the secret variable
    def get_secret(self):
        return self.__secret

fort_knox = Vault()

## CrashIE
for (d in document.write) {
    document.write(d);
}

## overflow_content.css
/*
* Make the element scroll on both x and y axes - CSS2
*/
.scroll-both {
    overflow:scroll;
}

/*
* Make the element scroll on x axis only - CSS3
*/

## scroll_properties.js
var square = document.getElementById("square");
var content = document.getElementById("content");

/*
* Vertical y-axis properties
*/
square.offsetHeight; //the height in pixels of the scrollable element (e.g. 150px)
square.scrollTop; //the number of pixels from the top that the element is scrolled (e.g. 350px)
content.scrollHeight; //the total height in pixels of the scrollable content (e.g. 500px)

## fixed_dimension_square.css
/*
* This is for my outer square box
*/
#square{
	width:150px;
	height:150px;
	background:#AFAFAF;
}
/*
* This is the content inside the square box

## scroll_elements_nested.html
<div id="square">
    <div id="content"></div>
</div>

## scolling_content_example.html
<!DOCTYPE html>
<html>
<head>
<title>Scrolling content and getting properties - Example HTML using a dash of CSS3 and JavaScript</title>
<style>
.square{
	width:150px;
	height:150px;
	background:#AFAFAF;
}

## sleep.js
function sleep (duration, fn) {
    setTimeout(fn, duration);
}

## Using console timer in JavaScript
console.time('for_loop_timer');
for (var i=0; i<1000; i++){
    //nothing to see here, move along
}
console.timeEnd('for_loop_timer');

## gist:954304
$('#box").css('padding-top', parseInt($('#box').css('padding-top'), 10) + 10);
	class Vault(object):

	#here's our private variable
	__secret = "subtle and insubstantial, the expert leaves no trace"

	#getter method to return the secret variable
	def get_secret(self):
	return self.__secret

	fort_knox = Vault()
	/*
	* Make the element scroll on both x and y axes - CSS2
	*/
	.scroll-both {
	overflow:scroll;
	}

	/*
	* Make the element scroll on x axis only - CSS3
	*/
	var square = document.getElementById("square");
	var content = document.getElementById("content");

	/*
	* Vertical y-axis properties
	*/
	square.offsetHeight; //the height in pixels of the scrollable element (e.g. 150px)
	square.scrollTop; //the number of pixels from the top that the element is scrolled (e.g. 350px)
	content.scrollHeight; //the total height in pixels of the scrollable content (e.g. 500px)
	/*
	* This is for my outer square box
	*/
	#square{
	width:150px;
	height:150px;
	background:#AFAFAF;
	}
	/*
	* This is the content inside the square box
	<!DOCTYPE html>
	<html>
	<head>
	<title>Scrolling content and getting properties - Example HTML using a dash of CSS3 and JavaScript</title>
	<style>
	.square{
	width:150px;
	height:150px;
	background:#AFAFAF;
	}
	console.time('for_loop_timer');
	for (var i=0; i<1000; i++){
	//nothing to see here, move along
	}
	console.timeEnd('for_loop_timer');