Category Archives: Cool Stuff

WhatPx

Posted on Thursday, March 27th, 2014

WhatPx is a skill game to improve your pixel eye-balling ability. Guess the pixel width of the black column by entering a raw number. Get the highest score you can in 10 tries.

Patatap

Posted on Thursday, March 27th, 2014

Patatap is a portable animation and sound kit. With the touch of a finger create melodies charged with moving shapes.

WebDesignRepo

Posted on Monday, March 24th, 2014

WebDesignRepo – a compact list of helpful webdesign links.

GlyphrStudio

Posted on Thursday, March 6th, 2014

Glyphr is a free, html5 based font editor. Font design has a high barrier of entry. Professional font design programs are very complex, and quite expensive. Glyphr is accessible, streamlined, and made for font design hobbyists… and it’s free!

CodePen.io – The Top Pens of 2013

Posted on Friday, January 10th, 2014

Yours Truly made the CodePen top 100 of 2013. Number 44, check it out.

Update (2015/01/07): Seems this list gots updated. Currently I sits at #19.

Planetary.js: Awesome Interactive Globes for the Web

Posted on Monday, January 6th, 2014

Planetary.js is a JavaScript library for building awesome interactive globes.

Apple Mice History in CSS

Posted on Monday, October 21st, 2013

Here is a little CodePen I made last week that has been getting quite a bit of buzz. It has even been picked up by Sidebar.io, made the Copdrops Collective and has a thread on Hacker News.

See the Pen Apple Mice by Josh Bader (@joshbader) on CodePen

Tridiv

Posted on Wednesday, August 21st, 2013

Tridiv is a web-based editor for creating 3D shapes in CSS.

ROLL IT: A Chrome Experiment

Posted on Friday, July 26th, 2013

ROLL IT: A Chrome Experiment. Get your phone and computer together for a classic boardwalk game. No apps. No downloads. Just Chrome and the web.

3D Inset Parallax Effect

Posted on Monday, May 6th, 2013

Last week I came up with an interesting concept. Make a block-level element appear as if it’s sunken into the screen and its edges parallax on page scroll. So I whipped up a quick demo on CodePen to demonstrate. It turned out pretty good, so I thought I’d share it with Chris Coyer from CSS-Trick.com (Also the creator of CodePen). He liked it and asked me if I would like to showcase the concept on his site as a guest post. You can check it out here.

Older Posts | Newer Posts