Anselm Hannemann anselmh
anselmh
/ dabblet.css
Created
February 7, 2012 11:54
The first commented line is your dabblet’s title
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 | |
| */ | |
| body{ | |
| background: #fff; | |
| min-height:100%; | |
| } | |
| p{ | |
| position: relative; | |
| background: #000000; |
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
| /* | |
| css only show/hide | |
| */ | |
| html { | |
| background: white url(http://genelocklin.com/examples/shared-images/texture/generated.png) 0 0 repeat; } | |
| * { |
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 to be placed inside <body>…</body> --> | |
| <div class="ym-wrapper"> | |
| <div class="ym-wbox ym-clearfix"> | |
| <h1>flexible fluid <figure></h1> | |
| <figure class="float-left"> | |
| <img src="http://farm1.staticflickr.com/113/312754502_a1c6ac91e0_m.jpg" title="" alt="" /> | |
| <figcaption> |
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
| <div> | |
| <h1>Test</h1> | |
| <p>text inside this here.</p> | |
| </div> | |
| <footer class="pattern"> | |
| <p>text inside this here.</p> | |
| </footer> |
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
| *, *:before, *:after | |
| { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } |
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
| .overflowed > p{ | |
| width: 10em; | |
| height: 5em; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } | |
| .overflowed-clip { | |
| text-overflow: clip; | |
| } |
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
| .overflowed > p{ | |
| width: 10em; | |
| height: 5em; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } | |
| .overflowed-clip { | |
| text-overflow: clip; | |
| } |
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
| .overflowed > p{ | |
| width: 10em; | |
| height: 5em; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } | |
| .overflowed-clip { | |
| text-overflow-mode: clip; | |
| } |
anselmh
/ sublimetext2-user-config.json
Created
February 11, 2013 14:20
This is my preferred user configuration for ST2
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
| { | |
| "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme", | |
| "font_size": 11.0, | |
| "translate_tabs_to_spaces": false, | |
| "translate_spaces_to_tabs": true, | |
| "caret_style": "phase", | |
| "highlight_line": true, | |
| "line_padding_bottom": 1, | |
| "line_padding_top": 1, | |
| "fade_fold_buttons": false, |
anselmh
/ load-webfonts-async.js
Created
March 11, 2013 11:07
This snippet loads webfonts (in this case from Google Webfonts) asynchronously. This means it does not block page load but also means it can cause FOUT.
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
| WebFontConfig = { | |
| google: { families: [ 'Istok+Web:400,700:latin' , 'Lora:400,700:latin' ] } | |
| }; | |
| (function() { | |
| var wf = document.createElement('script'); | |
| wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; | |
| wf.type = 'text/javascript'; | |
| wf.async = 'true'; | |
| var s = document.getElementsByTagName('script')[0]; | |
| s.parentNode.insertBefore(wf, s); |