Test Lab 07.20.2011

Front End development for the good people at REC Studio

REC Studio is the hottest new motion design house in Los Angeles. In my opinion.

The REC crew approached me about developing their website. It was a nice change of pace from my daily design & production work. Not only was the proejct a great refresher, but I was able to pick up a few new tricks along the way.

What I picked up:

1. Embedding fonts. I know it’s been around for awhile now, but I finally broke it out. I was surprised how easy it was.
2. Div hiding techniques. The designer Rich wanted a hover over state that I’d never really tried before. I found an article on creating a hidden state over the images. I whipped out my z-axis and things got real weird.
3. Custom highlight color. Never messed with it, but I think it’s like favicons, it’s just one of those nice details that makes a site that much more polished.
4.  Dealing with an OCD designer.Rich is my good friend, but I forgot how damn meticulous as they get. This was the first time I’ve played a purely front end role on a website build, and it was a cool experience for me to see things from a a developer’s eyes.
5. My first (mostly) HTML5 site. You know what they say. Probably not going back, right?

This was our first pass at the site, and I know we’ll keep optimizing away. I look forward to tricking it out a little more with some nice jquery / css3 transitions where I can– their livelihood behind based on beautiful motion and all. Also stoked to get them a mobile version in the next couple of months.

Follow @recstudiotv or visit recstudio.tv to be blown away by what these guys can do. And to see the site I’m helping bring to life.

recstudio mockup



Michael S. Mioduski is the founder of GhostRanch Communications, a presentation design studio.