Skip to content

Instantly share code, notes, and snippets.

William Malo williammalo

Block or report user

Report or block williammalo

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
williammalo /
Last active Mar 1, 2019 — forked from 140bytes/LICENSE.txt
Responsive image loading in 199bytes (minification help needed)

This function loops through all images on the page, and serves the appropriately sized image file from a list in a data attribute.

example link:

example html:

<img src="default.png" data-widths="400,600,800,1023" data-srcsuffix="-foo.png">

example javascript:

williammalo /
Last active Mar 28, 2018 — forked from 140bytes/LICENSE.txt
jquery animate clone

A clone of the jquery animate function for NEW BROWSERS ONLY!

For now, you need to add a vendor prefix for it to work, but it will work in future browsers just fine.

To use the function, add it as an element prototype and use it just like you would use the jquery animate function:


Also, I am aware that my coding skills suck a bit =)

williammalo /
Last active Mar 8, 2018 — forked from 140bytes/LICENSE.txt

Function to check if 2 objects collide. Very useful for games.


a: object 1 x

b: object 1 y

williammalo /
Last active Mar 8, 2018 — forked from 140bytes/LICENSE.txt
get query variable

use like this:


To get variables in urls eg:

If you want to support arrays, check the version by @atk below:

williammalo /
Last active Jan 27, 2018 — forked from 140bytes/LICENSE.txt
Complete jquery css method clone

A perfect replica (hopefully) of the jQuery .css() method

testNode.css("color","blue")   //use it with two string arguments!

testNode.css({color:"red"})    //use it with an object!

testNode.css("color")          //make it return the value of a property

It's even chainable!

williammalo /
Last active Jan 26, 2018 — forked from 140bytes/LICENSE.txt
The cleanest, easiest dom api ever! It will change your life!

I always thought there was a better way to access the dom. This is a tool that allows you to use extremely simple syntax to access dom elements. It makes an object with the name of your choice (I chose "$") that contains a reference to all elements that have an id.


<script> $.foo.innerHTML = "Hello world" </script>

You can even choose to use an object that already exists (I chose "document" because it makes sense)

williammalo /
Created Mar 10, 2012 — forked from thingsinjars/LICENSE.txt
Chainable DOM Manipulation
williammalo / CircleCircleTangents.glsl
Last active Dec 5, 2016
Find Tangents of Two Circles in glsl, useful for calculating soft shadows
View CircleCircleTangents.glsl
//visual basics code from ported to glsl
vec4 FindCircleCircleIntersections(vec2 p0, float r0, vec2 p1, float r1){
vec2 dd = p1-p0;
float d = length(dd);
float a = (r0 * r0 - r1 * r1 + d * d) / (2.0 * d);
float h = sqrt(r0 * r0 - a * a);

##Object Merger

Recurcively merges two objects.

williammalo /
Last active Oct 8, 2015 — forked from 140bytes/LICENSE.txt
image to 2d array

converts canvas image data to a 2d array of booleans


array[x][y] //gives true or false

very useful for games where you need pixel perfect collision.

Reading an image every time you check for collision is slow. Using a 2d array makes it much faster, and has a very simple syntax (array[x][y]) .

You can’t perform that action at this time.