PixelsPencil 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

Terminal 101

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

CSS 101

CSS 101

WIP

JavaScript 101

JavaScript 101

WIP

	// 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++;
	}

	```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]

	// ----------------------------------------------------
	// 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.

	/* 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;

	$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 }