Skip to content

Instantly share code, notes, and snippets.

Horizon charts combine position and color to reduce vertical space. Start with a standard area chart, then mirror negative values (in blue) or offset them vertically. Click the + button above to increase the number of bands, turning the area into a horizon.

Implemented with the d3.horizon plugin.

Horizon charts combine position and color to reduce vertical space. Start with a standard area chart, then mirror negative values (in blue) or offset them vertically. Click the + button above to increase the number of bands, turning the area into a horizon.

Implemented with the d3.horizon plugin.

1.) Aktuelle Version von Chrome installieren
Installer kann heruntergeladen werden unter:
https://www.google.com/intl/en/chrome/browser/
2.) Chrome Erweiterung “Batarang” aus dem Chrome Web Store installieren
Die Erweiterung kann über den Chrome Web Store installiert werden:
https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=en
3.) Aktuelle Version von Node.js und NPM installieren
Installer kann heruntergeladen werden unter:
@robinboehm
robinboehm / _section.partial.html
Last active December 29, 2015 17:19
RevealJS Slides with own scope per section(directive)
<html ng-app>
<!-- ..... --->
<section ng-init="color.r=0;color.g=0;color.b=0;color.a=0.75;">
<h2>Colorpicker</h2>
<div class="result" style="background-color:rgba({{color.r}},{{color.g}},{{color.b}},{{color.a}});"></div>
<div><input type="range" ng-model="color.r" max="255"/>{{color.r}}</div>
<div><input type="range" ng-model="color.g" max="255"/>{{color.g}}</div>
<div><input type="range" ng-model="color.b" max="255"/>{{color.b}}</div>
@robinboehm
robinboehm / rails_resources.md
Created January 19, 2014 08:51 — forked from jookyboi/rails_resources.md
Rails-related Gems and guides to accelerate your web project.

Gems

  • Bundler - Bundler maintains a consistent environment for ruby applications. It tracks an application's code and the rubygems it needs to run, so that an application will always have the exact gems (and versions) that it needs to run.
  • rabl - General ruby templating with json, bson, xml, plist and msgpack support
  • Thin - Very fast and lightweight Ruby web server
  • Unicorn - Unicorn is an HTTP server for Rack applications designed to only serve fast clients on low-latency, high-bandwidth connections and take advantage of features in Unix/Unix-like kernels.
  • SimpleCov - SimpleCov is a code coverage analysis tool for Ruby 1.9.
  • Zeus - Zeus preloads your Rails app so that your normal development tasks such as console, server, generate, and specs/tests take less than one second.
  • [factory_girl](h
@robinboehm
robinboehm / css_resources.md
Created January 19, 2014 08:51 — forked from jookyboi/css_resources.md
CSS libraries and guides to bring some order to the chaos.

Libraries

  • 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
  • Compass - Open source CSS Authoring Framework.
  • Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
  • Font Awesome - The iconic font designed for Bootstrap.
  • Zurb Foundation - Framework for writing responsive web sites.
  • SASS - CSS extension language which allows variables, mixins and rules nesting.
  • Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

@robinboehm
robinboehm / flickrConfig.js
Created January 19, 2014 09:10
Example: #AngularJS Flickr Service Extracted from: https://github.com/angularjs-de/java-mag-angularjs-article
"use strict";
angular.module("rboehm.flickrExample")
.config(function (flickrProvider) {
flickrProvider.apiKey("my-secret-api-key");
});
@robinboehm
robinboehm / 001-primitives__env.html.erb
Created February 13, 2014 09:27
simple angular-fiddle test
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../../bower_components/jasmine/lib/jasmine-core/jasmine.css">
<link rel="stylesheet" type="text/css" href="../../stylesheets/jasmine.css">
</head>
<body>
@robinboehm
robinboehm / index.html
Last active August 29, 2015 13:56
task primitives
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="bower_components/jasmine/lib/jasmine-core/jasmine.css">
<link rel="stylesheet" type="text/css" href="css/jasmine.css">
</head>
<body>
@robinboehm
robinboehm / index.html
Created February 13, 2014 11:49
task strings
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="bower_components/jasmine/lib/jasmine-core/jasmine.css">
<link rel="stylesheet" type="text/css" href="css/jasmine.css">
</head>
<body>