Stefan Imhoff kogakure
🏠
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no' /> | |
| <style> | |
| body { margin:0; padding:0; } | |
| #map { position:absolute; top:0; bottom:0; width:100%; } | |
| .marker-properties { | |
| border-collapse:collapse; |
kogakure
/ gist:6172657
Created
August 7, 2013 09:42
CSS: Mask with -webkit-mask and adding a border with second mask
This file contains hidden or 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> | |
| <img class="cutout" src="http://jedidiah.eu/code/css/masks/images/periwinkle.jpg" alt=""> | |
| </div> |
kogakure
/ gist:6163186
Last active
December 20, 2015 16:39
CSS: Create Masks in WebKit (with pulse)
This file contains hidden or 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
| <img class="cutout pulse" src="http://jedidiah.eu/code/css/masks/images/periwinkle.jpg" alt=""> |
kogakure
/ gist:6154777
Last active
December 20, 2015 15:29
CSS: Clamp content to a specific count of lines (Weird WebKit Flexbox Way)
This file contains hidden or 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
| /** | |
| * Clamp content to a specific count of lines (Weird WebKit Flexbox Way) | |
| * http://css-tricks.com/line-clampin/ | |
| */ | |
| p { padding: 0; margin: 0; } | |
| .module { | |
| border: 1px dotted black; | |
| width: 500px; |
kogakure
/ screenshot.js
Created
July 11, 2013 13:54
JavaScript: Create Responsive Screenshots of a webpage
This file contains hidden or 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
| /* | |
| * http://net.tutsplus.com/tutorials/javascript-ajax/responsive-screenshots-with-casper/ | |
| * | |
| * INSTALL: | |
| * brew install phantomjs | |
| * brew install casperjs | |
| * | |
| * RUN: | |
| * casperjs screenshot.js http://todomvc.com | |
| */ |
kogakure
/ gist:5830854
Created
June 21, 2013 12:33
CSS: Image-Replacement (Kellum Method) http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
This file contains hidden or 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
| .hide-text { | |
| text-indent: 100%; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } |
kogakure
/ myip
Created
June 3, 2013 10:36
— forked from warthurton/myip
This file contains hidden or 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
| #!/bin/bash | |
| active_interface=`netstat -rn | grep 'default' | awk '{print $6}'` | |
| ifconfig | grep -A 1 $active_interface | grep 'inet ' | awk '{printf $2}' |
This file contains hidden or 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/Markup: Flexbox | |
| */ | |
| article { | |
| margin-bottom: 20px; | |
| } | |
| article > div { | |
| display: -webkit-flex; |
kogakure
/ .gitconfig
Created
March 15, 2013 14:13
This file contains hidden or 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
| [alias] | |
| ready = init | |
| some = clone | |
| down = pull | |
| up = push | |
| lost = stash | |
| found = stash pop | |
| overit = stash clear | |
| in = add | |
| out = rm |
This file contains hidden or 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
| " http://connermcd.com/blog/2013/03/11/easy-vim-session-management/ | |
| " | |
| " Make a session: :Mks | |
| " Load a session: source my-session-file.session | |
| command! Mks let g:session = getcwd() <bar> call Mks(g:session) | |
| augroup vimrc | |
| au! | |
| au BufRead *.session let g:session = expand('%:p:h') | so % | bd # |