James snowman-repos
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
| clearfix() | |
| *zoom 1 | |
| &:before | |
| content " " | |
| display table | |
| &:after | |
| content " " | |
| display table | |
| clear both |
snowman-repos
/ svg-background.styl
Created
February 13, 2014 03:19
SVG background images with PNG and retina fallback
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
| $image-path = "../img" | |
| $fallback-extension = "png" | |
| $retina-suffix = "@2x" | |
| background-image($name, $size = false) | |
| background-image url($image-path/$name.svg) | |
| if($size) | |
| background-size $size | |
| .no-svg & |
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
| small-width = 30em | |
| medium-width = 60em | |
| large-width = 90em | |
| small = "only screen and (min-width: " + small-width + ")" | |
| medium = "only screen and (min-width: " + medium-width + ")" | |
| large = "only screen and (min-width: " + large-width + ")" |
snowman-repos
/ font-size.styl
Created
February 13, 2014 02:51
Set a rem font size with pixel fallback
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
| font-size($size = 16) | |
| font-size $size px | |
| font-size ($size / 16) rem | |
| line-height ($size / 16) * 1.624 | |
| line-height ($size / 16) * 1.624 rem |
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
| ^(\(?\+?[0-9]*\)?\s?)*([0-9]*(\s?\-?)*[0-9]+)+(\s?#[0-9]+)?$ |
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
| //BODY | |
| body | |
| font-size 100% | |
| body, | |
| h1, | |
| h2, | |
| h3, | |
| h4, |
snowman-repos
/ Deal with WebSocket timeout.coffee
Created
February 6, 2014 09:08
Deal with WebSocket timeout
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
| timerID = 0 | |
| keepAlive = -> | |
| timeout = 15000 | |
| webSocket.send "" if webSocket.readyState is webSocket.OPEN | |
| timerId = setTimeout(keepAlive, timeout) | |
| cancelKeepAlive = -> | |
| cancelTimeout timerId if timerId |
snowman-repos
/ Rounding number to N decimal place
Created
February 6, 2014 08:56
Rounding number to N decimal place
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
| num = 2.443242342 | |
| num = num.toFixed(4) # num will be equal to 2.4432 |
snowman-repos
/ Get the max or the min in an array of numbers
Created
February 6, 2014 08:55
Get the max or the min in an array of numbers
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
| numbers = [ | |
| 5 | |
| 458 | |
| 120 | |
| -215 | |
| 228 | |
| 400 | |
| 122205 | |
| -85411 | |
| ] |
snowman-repos
/ Verify that a given argument is an array
Created
February 6, 2014 08:54
Verify that a given argument is an array
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
| isArray = (obj) -> | |
| Object::toString.call(obj) is "[object Array]" |