Jake Bellacera jakebellacera
jakebellacera
/ css-shadow.css
Created
April 29, 2011 22:07
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
| #content .wrapper > header:before, | |
| #content .wrapper > header:after { | |
| content: ""; | |
| position: absolute; | |
| bottom: 18px; | |
| left: 10px; | |
| width: 49%; | |
| height: 20%; | |
| z-index: -1; | |
| box-shadow: 0 15px 10px rgba(0, 0, 0, 0.25); |
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
| au BufRead,BufNewFile jquery.*.js set ft=javascript syntax=jquery | |
| set nocompatible | |
| set autoindent | |
| set tabstop=2 | |
| set showmatch | |
| set vb t_vb= | |
| set ruler | |
| set nohls | |
| set incsearch | |
| syntax on |
jakebellacera
/ fixed-scrollable-content.js
Created
May 19, 2011 04:42
When an element scrolls out of the window, it "sticks" in it's position.
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
| // "Stuck" menu listing header | |
| var Sticky = function( $obj, opts ){ | |
| $(window).scroll( | |
| function(e){ | |
| Sticky.onScroll(e, $obj, opts ); | |
| }); | |
| } | |
| Sticky.onScroll = function( e, $o, opts ){ |
jakebellacera
/ css-sections.css
Created
May 26, 2011 17:21
A model for CSS comments/sections (great for find & replace!)
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
| /** | |
| * Section Declaration | |
| * =================== | |
| * This is an optional description of the section. | |
| * You might want to talk about what's going on in | |
| * here, or maybe you don't need one at all. | |
| */ | |
| /* Child section -- something relevant to the parent section */ | |
jakebellacera
/ sticky.js
Created
June 21, 2011 07:42
"Sticky" elements -- scrolls with the content when the window begins to hide it
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
| // "Stuck" menu listing header | |
| var Sticky = function( $obj, opts ){ | |
| $(window).scroll( | |
| function(e){ | |
| Sticky.onScroll(e, $obj, opts ); | |
| }); | |
| } | |
| Sticky.onScroll = function( e, $o, opts ){ |
jakebellacera
/ dropnav.haml
Created
July 4, 2011 08:56
jakebellacera
/ box-shadow.sass
Created
July 5, 2011 20:46
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
| @mixin box-shadow($shadow-1: default, $shadow-2: false, $shadow-3: false, $shadow-4: false, $shadow-5: false, $shadow-6: false, $shadow-7: false, $shadow-8: false, $shadow-9: false, $shadow-10: false) { | |
| // This has to be on a single line due to a bug in the scss parser: https://github.com/nex3/sass/issues/issue/26 | |
| $legacy: type-of($shadow-1) == color and type-of(if($shadow-2, $shadow-2, 0)) == number and type-of(if($shadow-3, $shadow-3, 0)) == number and type-of(if($shadow-4, $shadow-4, 0)) == number and type-of(if($shadow-5, $shadow-5, 0)) == number and ($shadow-6 == inset or type-of($shadow-6) == bool) and ($shadow-2 or $shadow-3 or $shadow-4 or $shadow-5 or $shadow-6); | |
| @if $legacy { | |
| @warn "Passing separate arguments for a single shadow to box-shadow is deprecated. " + "Pass the values as a single space-separated list, or use the single-box-shadow mixin. " + "See http://beta.compass-style.org/help/tutorials/upgrading/antares/ for more info."; | |
| @include single-box-shadow(if($shadow-1, $shadow-1, |
jakebellacera
/ columns-example.css
Created
July 7, 2011 00:22
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
| w = container width | |
| s = spacing | |
| n = amount of columns | |
| ===== | |
| CSS | |
| ===== | |
| .columns { | |
| width: w; /* Width is purely optional. Static, non-floating block elements default at 100% */ |
jakebellacera
/ derp.haml
Created
July 7, 2011 17:45
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
| ul.nav | |
| li.parent | |
| a | |
| ul.child | |
| li | |
| a | |
| li | |
| a | |
| li | |
| a |
jakebellacera
/ facebook_like.rb
Created
July 11, 2011 23:36
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
| def facebook_like(url) | |
| if !url | |
| url = 'http://spyder.com' | |
| if !Rails.env.development? | |
| "<li class=\"fblike\"><iframe src=\"http://www.facebook.com/plugins/like.php?app_id=243807848982732&href=#{URI.escape(url)}&send=false&layout=button_count&width=84&show_faces=false&action=like&colorscheme=light&font&height=21\" scrolling=\"no\" frameborder=\"0\" style=\"border:none; overflow:hidden; width:84px; height:21px;\" allowTransparency=\"true\"></iframe></li>" | |
| end | |
| end |