Skip to content

Instantly share code, notes, and snippets.

💭
[object Object]

Moritz moklick

💭
[object Object]
Block or report user

Report or block moklick

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
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.