(Also see [remarkable][], the markdown parser created by the author of this cheatsheet)
// | |
// @file | |
// Sidebars After Layout. | |
// One main content area with two sidebars after. | |
// ---------------------------------------------------------------------------- | |
.l--3up { | |
@include breakpoint(41em, $no-query: '.lt-ie9') { | |
.l-main { | |
@include zen-grid-item(8, 1); |
// `unit` is `return` from Haskell | |
// `bind` is `>>=` from Haskell, or `flatMap` from Scala | |
var None = { | |
bind: function (fn) { return this; }, | |
unit: function (v) { return Option(v); }, | |
getOrElse: function (elseValue) { return elseValue; } | |
}; | |
var Some = function (value) { |
mymodule { | |
@at-root { | |
.#{&}-header { ... } | |
.#{&}-footer { ... } | |
.#{&}-body { | |
a { ... } | |
span { ... } | |
p { ... } | |
} | |
} |
Sometimes you want to have a subdirectory on the master
branch be the root directory of a repository’s gh-pages
branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master
branch alongside the rest of your code.
For the sake of this example, let’s pretend the subfolder containing your site is named dist
.
Remove the dist
directory from the project’s .gitignore
file (it’s ignored by default by Yeoman).
Related: PeepCode Full Stack Node.js screencast (an included code sample works with Express 3.0).
There are several syntax changes in Express 3.0. They do require modifications to your code, but they aren't too complicated.
The biggest change is that Express templates now use Django style inheritance rather than ERB/Rails style automatic layouts.
create different ssh key according the article Mac Set-Up Git
$ ssh-keygen -t rsa -C "[email protected]"
$sprites: sprite-map("sprites/*.png"); | |
$sprites-retina: sprite-map("sprites-retina/*.png"); | |
@mixin sprite-background($name) { | |
background-image: sprite-url($sprites); | |
background-position: sprite-position($sprites, $name); | |
background-repeat: no-repeat; | |
display: block; | |
height: image-height(sprite-file($sprites, $name)); | |
width: image-width(sprite-file($sprites, $name)); |
// $.fn.newContent behaves kinda like .live(), it will act on elements that match the | |
// selector now, or in the future... It automatically runs on any elements immediately | |
// matched, and also runs once on document ready. You then call .newContent() on any | |
// freshly created content to trigger searching it | |
// It will call the given callback function in the context of a | |
// jQuery set that matches the selector... | |
$("li.test").newContent(function() { | |
this.css("color", "red"); |