Moritz Klack moklick

CCTV Everywhere

Cookies? Oldschool!! I use CCTV cams to track my users! Watch your step, they are everywhere.

A Pen by moklick on CodePen.

License.

... is watching you

interactive doodle suggestion!

A Pen by moklick on CodePen.

License.

Responsive Codepen Glitch

Minimal responsive glitch effect with the codepen logo.

A Pen by moklick on CodePen.

License.

Money Over Everything

Move the mouse to let them follow their desire! (paper.js experiment)

A Pen by moklick on CodePen.

License.

SVG Dom Visualization

This visualization represents the DOM of twitter. The great library d3js.org helps me to visualize the data in form of a tree layout. You can hover the nodes to check the type of tag. I added the python script I wrote, to produce the json

A Pen by moklick on CodePen.

License.

	javascript: (

	function() {
	var elms = document.getElementsByTagName('*');
	var b = document.body;
	var box = document.createElement('div');
	box.id = "element-chooser-container";

	var buttonContainer = document.createElement('div');
	buttonContainer.id = "sound-change-button-bar";

	var FusionHelper = {
	query: function(params) {
	var base = 'https://www.googleapis.com/fusiontables/v1/query?',
	url = base + $.param({
	sql: params.sql,
	key: '***'
	});
	$.ajax({
	url: url,
	type: 'POST',

	// from 1337 to 1.337
	function formatNumber(number){
	return (parseFloat(number) / 1000).toFixed(3).toString();
	}

	// from 12.123 to 12,123
	function replacePoint(number) {
	return number.toString().replace('.', ',');
	}

	* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;