bennyschudel

;(function() {
  function SvgAssetLoader(config) {
    this.src = config.src;
    this.key = config.key || 'svg-asset';
    this.doc = undefined;
  };

  SvgAssetLoader.prototype.load = function() {
    var obj = this.obj = document.createElement('object');

bennyschudel

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>name</key>
	<string>Solarized (light)</string>
	<key>settings</key>
	<array>
		<dict>
			<key>settings</key>

bennyschudel

A swiss cantons grid.

Adapted from the work done by Mike Bostock.

A state grid inspired by Allison McCann graphic on state taxes. (See also David Mimno’s implementation.)

Mainly, this was an excuse to embed data as ASCII art.

bennyschudel

Grid layout demo.

bennyschudel

# serves the current folder in your default browser
#
# installation
# ---
# npm install -g http-server
#
# usage
# ---
# > serve
#

bennyschudel

/* Vertically centered text with CSS */

div {
	width: 300px;
	height: 150px;
	background: #f06;
	font: bold 150% sans-serif;
	text-shadow: 0 1px 2px rgba(0,0,0,.5);
	overflow: hidden; resize: both; /* just for this demo */
	

bennyschudel

/* Vertically centered text with SVG */

div {
	width: 300px;
	height: 150px;
	background: #f06;
	font: bold 150% sans-serif;
	text-shadow: 0 1px 2px rgba(0,0,0,.5);
	overflow: hidden; resize: both; /* just for this demo */

bennyschudel

/**
 * Stepnavigation
 */

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
}

ul {

bennyschudel

/**
 * CSS Bookmarks
 */

.bookmark {
	width: 60px;
	height: 60px;

	position: relative;
	cursor: pointer;

bennyschudel

/*
 * a close icon
 */

a.icon {
	backround-color: white;
	border: 5px solid black;
	border-radius: 50%;
	position: relative;