ja-k-e

SVG Audio Visualizer 2: Polyline Swag

AudioContext and a single SVG polyline.

More in my Audio Visualization Collection

AudioContext integration from Ali Görkem's Pen Audio Visualizer #3.

A Pen by Jake Albaugh on CodePen.

ja-k-e

SVG Audio Visualizer 1: All the Lines!

AudioContext and SVG polylines.

More in my Audio Visualization Collection

AudioContext integration from Ali Görkem's Pen Audio Visualizer #3.

A Pen by Jake Albaugh on CodePen.

ja-k-e

// case:'upper', case:'lower', case:'title'
app.filter('case', function() {
  return function(value, type) {
    switch (type) {
      case 'upper':
        return value.toUpperCase();
      case 'lower':
        return value.toLowerCase();
      case 'title':
        return value.replace(/\w\S*/g, function(txt) {

ja-k-e

Walking Puma Scene Animation

Puma sprite step CSS animation. Funky on safari??

Puma frames ripped from AfroAnnie, Rocks and Grass by Diane Wright

A Pen by Jake Albaugh on CodePen.

License.

ja-k-e

Sass Golden Spiral Animation

Exploring the limits of Sass and browser rendering.

Based on my static javascript/svg attempt Math isn't completely lined up yet. Relying on the wrong vars in some cases. You'll see if you try and scale to a non multiple of 4 iterations.

A Pen by Jake Albaugh on CodePen.

License.

ja-k-e

Literally Pushing Code

Yes, we push code to and from repos. We push it live. We pull it down. The one thing that we neglect to notice is that the act of a keypress is a literal push. Our fingers "push" code.

This pen calculates data about how much your little fingers actually work.

A Pen by Jake Albaugh on CodePen.

License.

ja-k-e

Accesskey Attribute 101

Trigger accesskeys on OSX in Safari, Chrome, or Firefox by holding ⌃ + ⌥ and selecting the accesskey.

For Windows in IE, Safari, or Chrome (may need shift) use alt and in Firefox use shift + alt

accesskey toggles :focus state on these buttons. Because of varying os/browser implementations and vague specs, this isn't very usable...yet. Great article/overview at webaim.org.

A Pen by Jake Albaugh on CodePen.

ja-k-e

Rotating Anonymously-Sided Polygons Sass mixin

Originally constructed a similar plugin with LESS for a project here. Switched over to Sass for fun.

A Pen by Jake Albaugh on CodePen.

License.

ja-k-e

Simple SVG Stroke Spinner

stroke-dasharray, stroke-offset, and all that jazz.

A Pen by Jake Albaugh on CodePen.

License.

ja-k-e

Intergalactic

just messing around

A Pen by Jake Albaugh on CodePen.

License.