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

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

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

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

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

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

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 3: Polygon Rorschach Swag

AudioContext and a single SVG polygon. Epilepsy warning!

More in my Audio Visualization Collection

If you have any of Amon Tobin’s music, it’s pretty much perfect for this. Especially the song Bedtime Stories.

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

ja-k-e

Responsive CSS Box Shadow Rainbow Lines

My attempt at something notable for #RainbowStraightLines weekend.

A Pen by Jake Albaugh on CodePen.

License.

ja-k-e

Sass CSS4 Variable Manipulation

Thinking about how to combine Sass and CSS4 Variables. Read my post CSS4 Variables and Sass for more info on the technique.

A Pen by Jake Albaugh on CodePen.

License.