Welcome to the hyper-webs home of Slippy Douglas. I'm currently employed programming Nintendo DS games, I like designing and building websites and web apps on the side, and I enjoy playing around with photography and my own web tools/apps.

You can contact me (about my photography, to tell me how barebones my site is, just to say "hi", or for whatever other reason) at <slippydouglas@slippyd.com>.

Résumé

My résumé is the rundown of my professional experience and is probably a good place to start if you're looking for a web/software/graphic design/development rock star for some side-projects. I'm also on LinkedIn, if you're into that sort of thing.

Projects

Here are a couple of my personal projects that I did in college and wouldn't mind continuing work on.

Tools

The first real web tool I've created is my Color Convert tool. It provides quick conversions between RGB, HTML/CSS, CMY, HSV, HSL, and my very own HSIL (Hue/Saturation/Illuminosity). Hey, if I see people using it (besides myself), I'll be compelled to improve it.

About the Site

You'll probably notice there's not much content here. Besides just being terribly neglected since I found my dream job, most of the work I put into the tech of the site itself, making it a sort of CSS/JavaScript playground (but not a very good one, due to my negligence). What makes this site so special you ask? The shortlist of cool things happening right here:

  • color-shifting:Depending on the time of day, the site will be a different color of the rainbow. Not only is AJAX shifting the CSS values as time progresses, but also asking a dynamic image-recoloring script to generate new images in the current color. Overall, it's a bit buggy (due to the negligence factor again), but functional.
  • fluid layout:It's becoming more and more common, but this site is an example of a fully fluid CSS layout, i.e. it stretches both horizontally and vertically to fit your window. Not only the outer layout is fluid, so are the inner boxes (they use the same layout code as the outer one). The horizontal fluidity is pretty common, but often you'll see a solid-colored gap on the bottom if there not enough content. Not here; it stretches down to the bottom. I also used this technique on thompson-frater.com (try making your browser window as tall as possible and shrink the font size to see it work).
  • translucent layers:Again, due to that negligence, I'm not demonstrating this tech too well, but what you're seeing on this page is eleven layers stacked on top of each other, many translucent (using repeating/stretched PNGs). The striped background is a base layer and a translucent stripe layer, then comes the header UI layer, then the main frosty pane which is 3 layers of fluid background and edges and 1 layer of content inside (where this text sits), and then the same 4-layer panes for the sidebar on the right. (Whew!) With this set-up, I can change the colors, tints, and shadows infinitely without touching Photoshop, but again, negligence.

There you have it. Feel free to steal whatever CSS/JS you wish, that's what it's there for. I would right up an article on how to do this yourself, but nobody's asked yet. Oh, and there's no guarantees that this will work in Internet Explorer 6 or older, I really didn't bother because I've found that getting a site to work perfectly in IE 6 typically doubles development time and I really didn't see the purpose.