proxymoron

SVG Rainbow Rocket Man

MUST. STAY. IN. CONTACT.

A Pen by Chris Gannon on CodePen.

License.

proxymoron

3D CSS Typography

Renders best in Chrome.

This technique does work in Firefox, but text stroke is not supported.

Forked from Noah Blon's Pen 3D CSS Typography.

A Pen by Kai Smith on CodePen.

proxymoron

YET ANOTHER SPINNER MIXIN

Learning HAML and SCSS.

Forked from Jake Albaugh's Pen YET ANOTHER SPINNER MIXIN.

A Pen by Kai Smith on CodePen.

License.

proxymoron

Intergalactic

just messing around

A Pen by Jake Albaugh on CodePen.

License.

proxymoron

Logger: Custom Logs

Check the Inspector!

A method for logging that isn’t boring. Styling inspired by @jscottsmith’s informative pen.

threw it on github

A Pen by Jake Albaugh on CodePen.

proxymoron

Mac-ish Interactive Keyboard and Display

No point here really. I had no idea you could refer to an HTML attribute in a pseudo :before or :after with content: attr(attr-name). Mind blown.

Works on my computer, not so sure about yours...

Forked from Jake Albaugh's Pen Mac-ish Interactive Keyboard and Display.

A Pen by Kai Smith on CodePen.

proxymoron

pen#PwLXXP

Hi, I'm just your average pen. Kinda new here, just lookin' for frenz.

UPDATE: My cousin pen#JoVrdw joined CodePen!

A Pen by Jake Albaugh on CodePen.

License.

proxymoron

No JS: Tabs that scale down to menu

A tab-to-menu layout that doesn't use javascript. Modern browser compatible.

Forked from Jake Albaugh's Pen No JS: Tabs that scale down to menu.

A Pen by Kai Smith on CodePen.

License.

proxymoron

<script id=script>
  // you can adjust your screen width
  // and height until you see it all :D
  
  // and yes, this is the only js running
  
  var c = document.createElement('canvas'),
    s,
    w = c.width = window.innerWidth,
    h = c.height = window.innerHeight,

proxymoron

GIF Recreation 1: CSS SVG Priddy Circle Thing

Faking motion blur with stroke-dasharray.

Colors off in Safari because of filter.

Recreation of this gif from FLRN