Skip to content

Instantly share code, notes, and snippets.

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<video></video>
<script>
window.addEventListener('DOMContentLoaded', function() {
'use strict';
@sheedy
sheedy / readable.js
Created September 11, 2013 19:06 — forked from mjuhl/readable.js
javascript:(function(){_readableOptions={'text_font':'Source Sans Pro, Avenir Next','text_font_monospace':'source code pro, inconsolata','text_font_header':'source sans pro, Avenir Next Condensed','text_size':'18px','text_line_height':'1.618','box_width':'30em','color_text':'#444','color_background':'#F9F9F9','color_links':'#1F7BB6','text_align':'normal','base':'blueprint','custom_css':'h1,h2,h3,h4,h5,h6 { font-weight: 700; font-family: open sans condensed, avenir next condensed; open sans condensed; color: #333; text-transform: uppercase; }code, pre { background: #eee; color: #626262; font-size: 11.125px; }pre {overflow: auto; padding: 11.125px; }::selection { background: #edefef; }blockquote {font-style: normal;border-left: 6px solid #f0f0f0;color: #777;font-weight: 300;}'};if(document.getElementsByTagName('body').length>0);else{return;}if(window.$readable){if(window.$readable.bookmarkletTimer){return;}}else{window.$readable={};}window.$readable.bookmarkletTimer=true;window.$readable.options=_readableOpti
javascript:(function(){_readableOptions={'text_font':'Source Sans Pro, Avenir Next','text_font_monospace':'source code pro, inconsolata','text_font_header':'source sans pro, Avenir Next Condensed','text_size':'18px','text_line_height':'1.618','box_width':'30em','color_text':'#444','color_background':'#F9F9F9','color_links':'#1F7BB6','text_align':'normal','base':'blueprint','custom_css':'h1,h2,h3,h4,h5,h6 { font-weight: 700; font-family: open sans condensed, avenir next condensed; open sans condensed; color: #333; text-transform: uppercase; }code, pre { background: #eee; color: #626262; font-size: 11.125px; }pre {overflow: auto; padding: 11.125px; }::selection { background: #edefef; }blockquote {font-style: normal;border-left: 6px solid #f0f0f0;color: #777;font-weight: 300;}'};if(document.getElementsByTagName('body').length>0);else{return;}if(window.$readable){if(window.$readable.bookmarkletTimer){return;}}else{window.$readable={};}window.$readable.bookmarkletTimer=true;window.$readable.options=_readableOpti
javascript:(function()%7B_readableOptions%3D%7B%27text_font%27:%27quote(Droid Sans Mono)%27,%27text_font_monospace%27:%27quote(Courier New), Courier, monospace%27,%27text_font_header%27:%27quote(Times New Roman), Times, serif%27,%27text_size%27:%2716px%27,%27text_line_height%27:%271.5%27,%27box_width%27:%2730em%27,%27color_text%27:%27%23111111%27,%27color_background%27:%27%23FFFEF0%27,%27color_links%27:%27%23EE4545%27,%27text_align%27:%27normal%27,%27base%27:%27blueprint%27,%27custom_css%27:%27h1%7Bcolor:%23666666%7D%27%7D%3Bif(document.getElementsByTagName(%27body%27).length>0)%3Belse%7Breturn%3B%7Dif(window.%24readable)%7Bif(window.%24readable.bookmarkletTimer)%7Breturn%3B%7D%7Delse%7Bwindow.%24readable%3D%7B%7D%3B%7Dwindow.%24readable.bookmarkletTimer%3Dtrue%3Bwindow.%24readable.options%3D_readableOptions%3Bif(window.%24readable.bookmarkletClicked)%7Bwindow.%24readable.bookmarkletClicked()%3Breturn%3B%7D_readableScript%3Ddocument.createElement(%27script%27)%3B_readableScript.setAttribute(%27src%27,%27http:
@sheedy
sheedy / .editorconfig
Created September 16, 2013 23:29
Editor config file for consistent spacing
# EditorConfig helps developers define and maintain consistent
# coding styles between different editors and IDEs
# editorconfig.org
root = true
[*]
# Change these settings to your own preference

by Dale Sande

CSS has had a long and sordid past. A developer never sets out with the goal of making a complete and total mess of things. Their intention is not to build something that is practically illegible, impractical to maintain and is limited in scale. But somehow, this is where many inevitably end up. Luckily, all is not lost. With some simple strategies, organizational methods and out-of-the box tools, we can really help get that junk-drawer inline.

For many of us getting started with Sass, at one time or another have created a junk-drawer of files. For most, this was a rookie mistake, but for others, this is a continuing issue with our architecture and file management techniques. Sass doesn't come with any real rules for file management so developers are pretty much left to their own devices.

Large CSS files and increased complexity

CSS started out with very simple intentions, but as [tableless web design][1.1] began to really take a foothold, o

ubuntu setup

(tested with 12.04 LTS)

ssh root@aaa.bbb.ccc.ddd

export DEBIAN_FRONTEND=noninteractive
apt-get -qq -y update && apt-get -qq -y dist-upgrade
git diff branch1..branch2
# More info: http://git-scm.com/book/ch6-1.html#Commit-Ranges
@sheedy
sheedy / style-guides.md
Last active December 25, 2015 11:09
A list of "living" Style Guides

Style Guides

Add any links you want in this to the comments and I'll add them.

Grunt/JS/Handlebars

Generates styleguides from Markdown comments in CSS, SASS and LESS files using Handlebars

Node/JS