View invocator.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The invocator function creates a new instance of the provided constructor | |
* which is also linked to a method that it contains. | |
* | |
* Check this fiddle for a live example: http://jsfiddle.net/thanpolas/Aky9Y/7/ | |
* | |
* Invocator only works for pseudo-classical type of classes (prototypical). | |
* | |
* Requires 'bind' and 'isFunction', currently use underscore's equivalents. | |
* |
View gist:4153379
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
myApp.Event = function(){}; | |
goog.inherits(myApp.Event, goog.events.Event); | |
// --- in another file --- // | |
myApp.ClassOne = function(){ | |
goog.base(this); |
View dabblet.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
.envelope { | |
font-size: 650%; | |
font-family: Courier; | |
} |
View dabblet.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.codeblock { | |
width: 600px; | |
height: 200px; | |
background-color: yellow; | |
display: block; | |
} | |
.lineno { | |
background-color: #ddd; | |
width: 60px; | |
} |
View dabblet.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.container { | |
width: 100%; | |
} | |
.col1 { | |
width: 200px; | |
float: left; | |
margin-left: 20px; | |
background-color: #ddd; | |
} |
View dabblet.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.container { | |
width: 100%; | |
} | |
.col1 { | |
width: 200px; | |
float: left; | |
margin-left: 20px; | |
background-color: #ddd; | |
} |
View dabblet.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.container > p:last-child { | |
background-color: yellow; | |
} |
View dabblet.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.container > p { | |
background-color: yellow; | |
min-height: 150px; | |
box-shadow: inset 0 5px 10px 1px rgba(0, 0, 0, 0.45), 0 5px 10px 1px rgba(0, 0, 0, 0.25); | |
} |
View dabblet.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
header { | |
width: 100%; | |
height: 200px; | |
background-color: red; | |
margin: 0; | |
display:block; | |
} | |
header div { | |
margin-top:50px; |
View dabblet.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
background: blue; | |
padding:0; | |
} | |
header { | |
height: 200px; | |
background-color: red; | |
margin: 0; | |
display:block; | |
overflow: hidden; |