pixelass

Mandelbrot in SCSS

The mandelbrot algorithm in SCSS. rendering the mandelbrot set in one element

<mandelbrot-set></mandelbrot-set>

A Live example

pixelass

<a class="ios-6-arrow left blue" href="#" data-title="back"></a>
<a class="ios-6-arrow left light" href="#" data-title="back"></a>
<a class="ios-6-arrow left dark" href="#" data-title="back"></a>

pixelass

## compile less files from bash (shell)
## v 0.0.1-SNAPSHOT
#########################################################
## This script will compile ONE less-file to ONE css-file
## allow to compile "once" or "watch"
#########################################################
## DEPENDENCIES:
## observr         https://github.com/kevinburke/observr
## lessc           https://github.com/less/less.js/
#########################################################

pixelass

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

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

Mandelbrot algorithm in SCSS (version 2)

Second (faster) version of the mandelbrot algorithm in SCSS

A Pen by Gregor Adams on CodePen.

License.

pixelass

new Pixel();

image to pixel art converter

A Pen by Gregor Adams on CodePen.

License.

pixelass

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

pixelass

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

TR-808 | Happy 888 followers

Inspired by:

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