- PhantomCSS - Visual/CSS regression testing with PhantomJS.
- WraithJS - A responsive screenshot comparison too.
- Hologram - A markdown based documentation system for style guides.
- Cortana - Nice theme for Trulia's Hologram styleguide generator.
- CSSCombJS - CSS coding style formatter.
- Rizzo - Lonely Planet's living style guide. Really, really neat!
- A Maintainable Styleguide - Great article by @ianfeather about how he built Rizzo.
- CSSTest - The why and how of CSS testing.
- Flexbox Cheatsheet - by @JoniTrythall.
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 id="logo"></div> |
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 class="zenefits"> | |
<div class="piece wing-back"></div> | |
<div class="head"> | |
<div class="piece head-1"></div> | |
<div class="piece head-2"></div> | |
<div class="piece head-3"></div> | |
</div> | |
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 class="page"> | |
<div class="row"> | |
<div class="hex"> | |
<div class="hexTop"></div> | |
<div class="hexBottom"></div> | |
</div> | |
<div class="hex-2"> | |
<div class="hexTop"></div> |
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
def has_search_term(string_to_search): | |
patterns = re.compile(r'(?:%s)' % '|'.join(list_of_terms)) | |
return bool(patterns.search(string_to_search)) |
The popular open-source contract for web designers and developers by Stuff & Nonsense
- Originally published: 23/12/2008
- Revised date: 13/08/2014 by @aristretto
- Original post
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
// Create REM values with PX fall back | |
// | |
// Generate a REM with PX fallback from | |
// $baseFontSize. Enter the desired size based | |
// on pixels in numerical form. Supports shorthand. | |
// | |
// Forked from: http://codepen.io/thejameskyle/pen/JmBjc | |
// | |
// @author Greg Rickaby | |
// @since 1.0 |
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
@mixin transparent($color, $alpha) { | |
$rgba: rgba($color, $alpha); | |
$ie-hex-str: ie-hex-str($rgba); | |
background-color: transparent; | |
background-color: $rgba; | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#{$ie-hex-str},endColorstr=#{$ie-hex-str}); | |
zoom: 1; | |
} |
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
var arr = [1,1,2]; | |
var arr = arr.filter(function (v, i, a) { return a.indexOf (v) == i }); // dedupe 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
Array.prototype.clean = function(deleteValue) { | |
for (var i = 0; i < this.length; i++) { | |
if (this[i] == deleteValue) { | |
this.splice(i, 1); | |
i--; | |
} | |
} | |
return this; | |
}; |
NewerOlder