laustdeleuran

.box {
	overflow:hidden;
	margin:2em;
	border-bottom:1px solid #333;
	width:1350px;
}
.graph {
	float:left;
	text-align:center;
	height:100px;

laustdeleuran

// This is a function declaration
function foo(){};

laustdeleuran

.grid-1{ width:4.167% }
.grid-2{ width:10.417% }
.grid-3{ width:16.667% }
.grid-4{ width:22.917% }
/* etc */

laustdeleuran

alert("hello world");

laustdeleuran

html { font-size: 62.5%; } 
body { font-size: 1.4rem; } /* =14px */ 
h1 { font-size: 2.4rem; } /* =24px */
/* From http://snook.ca/archives/html_and_css/font-size-with-rem */

laustdeleuran

.entry {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: auto;
  font-size: 1.5em;
  line-height: 1.333333333333333em;
  position: relative;
}
.entry .entry {

laustdeleuran

<style>
body { font-size:62.5%; /* Resetting font size to around 10px to make working with EMs easier */ }
div { font-size:1.5em; }
</style>
<div>This text is 15px font size at the base zoom level, but 
  <div> this text will be around 22.5px at the base zoom level 
  (varying between 22px and 23px depending on the browser 
  you're using.</div>
</div>

laustdeleuran

(function(){
  // Internal vars and functions
  var s = 1,
  t = 3,
  internalFunction = function(){
    return s+t;
  },
  externalFunction = function(){
    return internalFunction();
  };

laustdeleuran

(function(){
  // Safe, scoped JavaScript here. Phew.
})();

laustdeleuran

var globalScope = "I'm in the global scope";

var scopedFunction = function(){
  var localScope = "I'm not in the global scope";
  console.log(localScope);
};

console.log(globalScope);
// Outputs "I'm in the global scope"