moklick

* {
    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;

moklick

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.

moklick

Money Over Everything

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

A Pen by moklick on CodePen.

License.

moklick

Responsive Codepen Glitch

Minimal responsive glitch effect with the codepen logo.

A Pen by moklick on CodePen.

License.

moklick

... is watching you

interactive doodle suggestion!

A Pen by moklick on CodePen.

License.

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.

moklick

// 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

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

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";