pixelspencil

• Markdown 101
  • Paragraphs and Text Decoration
  • Headings in Markdown
• Demo heading 1
  • Demo heading 2
    • Demo heading 3
      • Demo heading 4
        • Demo heading 5
          • Demo heading 6
• Links in Markdown

pixelspencil

$width-sm: 400px;
$width-md: 1000px;
$width-lg: 1600px;

@mixin breakpoint($mq) {
    @if $mq == small {
        @media (min-width: $width-sm) { @content }
    }
    @else if $mq == medium {
        @media (min-width: $width-md) { @content }

pixelspencil

/* Colors */
/* http://chir.ag/projects/name-that-color */
$lime: #b0eb00;
$bright-red: #b30015;
$dark-blue: #2a00b3;
$deep-cerulean: #0077b3;
$bondi-blue: #00b0b3;
$cyan: #24fbff;
$heliotrope: #8a7dff;
$silver-chalice: #a6a6a6;

pixelspencil

// ----------------------------------------------------
// absolute positioning
// ----------------------------------------------------

// Although it’s not particularly hard to absolutely
// position an element with CSS, you can save a lot of
// time with this mixin. It allows you to quickly
// specify values for the four directions:
// top, right, bottom, and left.

pixelspencil

• Terminal 101
  • Basics
  • Command history
  • Change directory
  • List directory contents
  • File and directory management
  • Output
  • Permissions
  • Processes
  • Search

pixelspencil

```css
    selector {
      color: #000000;
      background: #ffffff77
    }
```

/*
- Instead of using rgba() you can use #00000078, the last two digits are the alpha value 00-ff
- [1 2 3 4 5 6 7 8 9 A B C D E F]

pixelspencil

Each of these commands will run an ad hoc http static server in your current (or specified) directory, available at http://localhost:8000. Use this power wisely.

Discussion on reddit.

Python 2.x

$ python -m SimpleHTTPServer 8000

pixelspencil

// Function that runs and counts children inside a parent
function getCount(parent, getChildrensChildren){
    var relevantChildren = 0;
    var children = parent.childNodes.length;
    for(var i=0; i < children; i++){
        if(parent.childNodes[i].nodeType != 3){
            if(getChildrensChildren)
                relevantChildren += getCount(parent.childNodes[i],true);
            relevantChildren++;
        }