| ⌘T | go to file |
| ⌘⌃P | go to project |
| ⌘R | go to methods |
| ⌃G | go to line |
| ⌘KB | toggle side bar |
| ⌘⇧P | command prompt |
arielsalminen
/ nav.html
Last active
December 14, 2015 12:18
Simple responsive navigation toggle script without library dependencies and with touch screen support (349 bytes minified and gzipped). Live demo: http://codepen.io/viljamis/full/gAatl
derekjohnson
/ resize-monitor.js
Last active
December 14, 2015 05:38
Small snippet to log an event in Google Analytics when a browser window is resized. It's often assumed designers and developers are the only people who resize the browser to see responsive web design in action. Let's test that assumption.
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
| if(window.addEventListener) { // correlates with media query support | |
| var timer = false | |
| , resize_monitor = function() { | |
| if(timer) { | |
| clearTimeout(timer); | |
| } | |
| timer = setTimeout(function() { _gaq.push(['_trackEvent', 'Resize', 'Resize', 'Resized']); }, 100); | |
| // or log a pageview on a non-existant page if you prefer |
jonahvsweb
/ gist:4354137
Created
December 21, 2012 17:10
— forked from lucasfais/gist:1207002
nex3
/ gist:3783957
Created
September 25, 2012 19:35
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
| $ echo '@media screen {@media (min-width: 200px) {a: b}}' | scss | |
| @media screen and (min-width: 200px) { | |
| a: b; } |
KuraFire
/ rgbaa.scss
Created
September 13, 2012 21:18
More dynamic, oldIE-compatible SCSS function for rgba
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
| @function rgbaa($args...) { | |
| // rgbaa(#FFF, .5) | |
| @if length($args) == 2 { | |
| $hex: nth($args, 1); | |
| $alpha: nth($args, 2); | |
| @if $oldIE == 1 { | |
| @return rgb(red($hex), green($hex), blue($hex)); | |
| } @else { | |
| @return rgba(red($hex), green($hex), blue($hex), $alpha); |
drublic
/ Default (OSX).sublime-keymap
Last active
October 10, 2015 15:07
My Sublime Text 2 Settings
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
Show hidden characters
| [ | |
| { "keys": ["ctrl+alt+f"], "command": "use_it" }, | |
| { "keys": ["ctrl+tab"], "command": "prev_view_in_stack" }, | |
| { "keys": ["ctrl+shift+tab"], "command": "next_view_in_stack" }, | |
| { "keys": ["ctrl+shift+j"], "command": "js_run" }, | |
| // Paste and indent | |
| { "keys": ["super+v"], "command": "paste_and_indent" }, |
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
| %debug | |
| background-color: pink !important |
marcedwards
/ high-dpi-media.css
Last active
March 2, 2025 20:24
A CSS media query that captures almost all high DPI aware devices.
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
| /* ---------------------------------------------------------- */ | |
| /* */ | |
| /* A media query that captures: */ | |
| /* */ | |
| /* - Retina iOS devices */ | |
| /* - Retina Macs running Safari */ | |
| /* - High DPI Windows PCs running IE 8 and above */ | |
| /* - Low DPI Windows PCs running IE, zoomed in */ | |
| /* - Low DPI Windows PCs and Macs running Firefox, zoomed in */ | |
| /* - Android hdpi devices and above */ |
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
| <?php | |
| $filename = isset($argv[1]) ? realpath($argv[1]) : null; | |
| $mixin = isset($argv[2]) ? $argv[2] : 'sprite-mixin'; | |
| $retina = isset($argv[3]) ? true : false; | |
| if (!$filename) { | |
| echo "fail", PHP_EOL; | |
| exit(1); | |
| } |
patocallaghan
/ css-triangle.scss
Created
June 21, 2012 01:07
CSS Triangles SCSS Mixin #css #scss #triangle #mixin
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
| //==== Simple SCSS mixin to create CSS triangles | |
| //==== Example: @include css-triangle ("up", 10px, #fff); | |
| @mixin css-triangle ($direction: "down", $size: 20px, $color: #000) { | |
| width: 0; | |
| height: 0; | |
| border-left: $size solid #{setTriangleColor($direction, "left", $color)}; | |
| border-right: $size solid #{setTriangleColor($direction, "right", $color)}; | |
| border-bottom: $size solid #{setTriangleColor($direction, "bottom", $color)}; | |
| border-top: $size solid #{setTriangleColor($direction, "top", $color)}; | |
| } |