mattdesl

import { getRgb } from 'color-string'

function glsl(strings, ...variables) {
    variables = variables.map(v => {
        var rgb = getRgb(v)
            .map(x => x/255)
            .slice(0, 3)
            .join(', ')
        return `vec3(${rgb})`
    })

mattdesl

mostly in the realm of creative coding and graphics programming

lots of these are my own :)

tooling

https://www.npmjs.org/package/wzrd (browserify dev server)
https://www.npmjs.org/package/budo (like wzrd but with incremental watching & LiveReload)
https://www.npmjs.org/package/beefy (more fully-featured dev server)

magicznyleszek

// declarations
var positions = [];

// Returns a random integer between min (included) and max (excluded)
// Using Math.round() will give you a non-uniform distribution!
function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}

// generate random positions

LukyVj

$icons: "phone", "twitter", "email";

@each $icon in $icons {
  .ico{
    display: block;
    &:before{
      @include single-element();
      @include square(1.2em);
    }
    &[class*="ico-#{($icon)}"]{

mrdoob

Adam Leeper
Aditya Sawant
Adria2
Akash Manohar J
Aki
Aleksandar Rodic
Alessandro Piva
Alex
Alex Kogan
Alex Schworer

lancejpollard

var vs = document.getElementById('vs').textContent;
var fs = document.getElementById('fs').textContent;
var canvas = document.querySelector('canvas');
var ctx = canvas.getContext('experimental-webgl', {
   alpha: false,
   antialias: true,
   premultipliedAlpha: false,
   stencil: true
});

jondashkyle

.element:hover {
  -moz-animation: blink 150ms steps(1, end) infinite;
  -webkit-animation: blink 150ms steps(1, end) infinite;
}

@-moz-keyframes blink {
  0% { opacity: 0; }
  50% { opacity: 1; }
}

daneden

/* PX sucks */
html {
  font: 18px/27px Georgia, serif;
}

p {
  font-size: 18px;
}

p small {

kewah

var CSSAnimation = (function(window, document, undefined) {
  'use strict';
 
  function camelCaseEventTypes(prefix) {
    prefix = prefix || '';
 
    return {
      start: prefix + 'AnimationStart',
      end: prefix + 'AnimationEnd',
      iteration: prefix + 'AnimationIteration'

conorbuck

var p1 = {
	x: 20,
	y: 20
};

var p2 = {
	x: 40,
	y: 40
};