Skip to content

Instantly share code, notes, and snippets.

Avatar
💫

Moritz Klack moklick

💫
View GitHub Profile
View normalize.css
* {
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;
View SVG-Dom-Visualization.markdown

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.

View Money-Over-Everything.markdown

Money Over Everything

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

A Pen by moklick on CodePen.

License.

View Responsive-Codepen-Glitch.markdown

Responsive Codepen Glitch

Minimal responsive glitch effect with the codepen logo.

A Pen by moklick on CodePen.

License.

View ...-is-watching-you.markdown
View CCTV-Everywhere.markdown

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.

@moklick
moklick / german number formats
Created Oct 14, 2013
functions to enforce german number formats
View german number formats
// 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('.', ',');
}
@moklick
moklick / fusionhelper.js
Created Oct 10, 2013
Litte Fusiontable-Query Helper
View fusionhelper.js
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',
@moklick
moklick / website2synth.js
Last active Dec 15, 2015
website2synth.js creates a super lightweight synthesizer of a website (webkit only :/ ) Use this JS stuff as a bookmark to start the synthesizer. Press an element on the page to play. Enjoy.
View website2synth.js
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";
You can’t perform that action at this time.