Skip to content

Instantly share code, notes, and snippets.

<?php
$countries =
array(
"AF" => "Afghanistan",
"AL" => "Albania",
"DZ" => "Algeria",
"AS" => "American Samoa",
"AD" => "Andorra",
"AO" => "Angola",

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

@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
<!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';