Stefan Imhoff kogakure
🏠
kogakure
/ gist:6726031
Created
September 27, 2013 09:15
CSS: Media Queries for Standard Devices (http://css-tricks.com/snippets/css/media-queries-for-standard-devices/)
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
| /* Smartphones (portrait and landscape) ----------- */ | |
| @media only screen | |
| and (min-device-width: 320px) | |
| and (max-device-width: 480px) { | |
| } | |
| /* Smartphones (landscape) ----------- */ | |
| @media only screen | |
| and (min-width: 321px) { | |
| } |
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
| <!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:6163186
Last active
December 20, 2015 16:39
CSS: Create Masks in WebKit (with pulse)
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
| <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 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 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 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 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 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 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 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 # |