/lib

Projects, fun stuff, etc.

Using Javascript/jQuery to check if offsite file exists with given URL

So I needed to see if an MP3 was successfully uploaded to our streaming server, and display the status on our website where our user's access the upload form. However, I ran into some issues with Access-Control-Allow-Origin access headers and with just how to acquire the status code. It always fails, whether or not the file does exists, because the browser doesn't allow XMLHttpRequest from a different domain to try and prevent cross-site-scripting. The solution? Using the JSONP datatype, a sort of consensual cross-site scripting hack!

CSS Monitor Screen Slideshow

Giving this one away for free. Javascript slideshow with a computer monitor created with pure CSS, with zoom to enlarge. Pretty cool!

css monitor slide jquery css3 javascript slideshow

Vintage Scrambler Build, Part 2

After rebuilding the engine and finishing up some of the customizations, my custom cafe-racer/scrambler/tracker/bratstyle motorcycle is complete! 

Honda CL200 custom cafe racer scrambler bratstyle tracker motorcycle 1974

How to add Google Web Fonts directly to your stylesheet

If you're using a CMS such as Drupal or Wordpress, it's not possible to add the link tag for the css file that google provides you&ndash; i.e. <link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>&ndash;without installing a module that would allow it (and who wants another module to maintain?). Here's a quick workaround I discovered that makes it really easy to simply add the css code you need directly to your stylesheet.

1974 Honda CB200 CL200 Engine Rebuild Tutorial

Coming off a fresh engine rebuild for my vintage scrambler motorcycle, I thought I'd share how I did it. Step by step. 

Photoshop Tutorial: Foggy Stage Lights

I set off to create a background image for a website I'm making for a friend who wants to host his pod casts about the band Nine Inch Nails. I came up with a good idea, after finding some inspiration, but I needed to create it myself pixel-by-pixel to get the resolution I needed. What fallowed was an experiment with fog and light effects, and the end result came out pretty good!

Inspect and save apache request headers

I wrote this function because one of our web apps that was communicating with our web server suddenly began receiving Error 406: Not Acceptable (The requested resource is only capable of generating content not acceptable according to the Accept headers sent in the request). So I inserted this bit of code to capture exactly what that accept header was and see if we could fix the problem. It writes the output to a file on the webserver.

Engine removal time-lapse

Custom JPlayer Skin

This is a skin for the JQuery plugin JPlayer I developed for Kansas Public Radio. It's designed to look like a display screen on a piece of professional audio equipment. You can view it live here: http://kansaspublicradio.org/KPRplayer.php?stream=1.

Pages