Skip to content

Instantly share code, notes, and snippets.

:octocat:
Open sorcerer

Gregor Adams pixelass

:octocat:
Open sorcerer
Block or report user

Report or block pixelass

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 fetch.js
class Ajax {
constructor(opts) {
this.callbacks = {}
this.on = this.on.bind(this)
this.fetch = this.fetch.bind(this)
this.error = this.error.bind(this)
this.data = this.data.bind(this)
this.complete = this.complete.bind(this)
return {...this.methods}
}
@pixelass
pixelass / DOMestic.js
Created Apr 29, 2016
virtual DOM helper
View DOMestic.js
const DOMestic = (tpl) => {
const attach = parent => {
if (typeof parent !== 'object' || !parent.hasOwnProperty('el')) {
return console.error('parent should be an object with the property \'el\'');
}
let children = Array.from(parent.el.children);
let keys = [];
children.forEach((el, index) => {
let key = el.getAttribute('key');
el.removeAttribute('key');
@pixelass
pixelass / bitcolor.js
Created Apr 14, 2016 — forked from lrvick/bitcolor.js
Javascript functions for doing fast binary/hex/RGB color conversions using bitwise operations.
View bitcolor.js
// convert 0..255 R,G,B values to binary string
RGBToBin = function(r,g,b){
var bin = r << 16 | g << 8 | b;
return (function(h){
return new Array(25-h.length).join("0")+h
})(bin.toString(2))
}
// convert 0..255 R,G,B values to a hexidecimal color string
RGBToHex = function(r,g,b){
View new Pixel();.markdown
View Mandelbrot algorithm in SCSS (version 2).markdown
View RubiCSS cube.markdown

RubiCSS cube

Chrome only !!! a Rubik's Cube made in HTML, JavaScript and CSS.

Drag to play

Now works in Firefox!!!!

A Pen by Gregor Adams on CodePen.

@pixelass
pixelass / index.jade
Created Mar 27, 2016
netfix logo animation CSS
View index.jade
input.retrigger(type="radio" name="rerun" id="retrigger--1")
input.retrigger(type="radio" name="rerun" id="retrigger--2" checked)
.buttons
label.button(for="retrigger--1" class="button--1") PLAY AGAIN
label.button(for="retrigger--2" class="button--2") PLAY AGAIN
.logo
span N
span E
span T
View Marvel Logo animation | pure CSS.markdown

Marvel Logo animation | pure CSS

watching the new daredevil series on netflix led me to doing this ;)

webkit only (requires -webkit-background-clip)

A Pen by Gregor Adams on CodePen.

License.

View BugIndustries_songnames.txt
Welcome to the Bug | Welcome to the machine - Pink Floyd
A Bug with no name | A horse with no name - America
No Bug no cry | No woman no cry - Bob Marley
Bug im Freibad | Tod im Freibad - WIZO
99 Bugs | 99 Luftballons - Nena
Brown eyed Bug | Brown eyed girl - Van Morrison
Bug on | Dream on - Aerosmith
In the Bug tonight | in the air tonight - Phil Collins
Wonderbug | Wonderwall - Oasis
Bug Patrol | Snow Patrol - Chasing Cars
@pixelass
pixelass / TR-808 | Happy 888 followers.markdown
Last active Jun 27, 2017
TR-808 | Happy 888 followers
View TR-808 | Happy 888 followers.markdown

TR-808 | Happy 888 followers

Inspired by:
TR-808
Thank you for my 888 follower count.
I promised to make a dedicated pen for every 100 followers. I started this idea a long time ago and never finished it. I continued a few weeks ago and had a first prototype. Due to the crappy JS timing issues I had to do a few hacks but was able to get some fun demo going.

I then decided to write this from scratch with React.js since my first implementation had some limitations. A few tweets [...] and somebody suggested Tone.js to me. I took a look at it and was overwhelmed by the API this Library offers. I played around with it a little and here's the thing. LOOK AT AND USE THIS LIBRARY IT IS F*****G AMAZING.

I think this is the easiest to understand library I have used so far and while I only touched about

You can’t perform that action at this time.