Designers/Developers, Stop Doing This:

“A lot of people are tweeting about Moonrise Kingdom, when’s that coming out?”

*opens nearest device*

*enters in address bar*

Continue Reading »

An Introduction to CSS3

Last month I gave this training presentation to the Interactive team at work. While many of the concepts discussed may be nothing new to some of you it was intended to get everyone, including back-end devs and designers, on the same page as to what our capabilities are.

The clients in my particular industry tend to still be very conservative so the discussion of how to handle older versions of Internet Explorer comes up routinely. I mainly ignore IE in this slide deck because, let’s face it, it just isn’t going to handle many of these CSS3 properties without additional workarounds. I touch upon that a little, but the subtext is to always strive for progressive enhancement and graceful degradation.

Hopefully others will find this useful in some capacity. If you do use it for training others, learn something new or have a suggestion I’d love to hear it, so please leave a comment.

An Introduction to CSS3

2011 Portfolio Wrap-Up

Developer on Gecko Imaging:

Continue Reading »

New Year, New Site

After much deliberation I chose the Ari WordPress theme to fill in for a complete redesign of the site for the new year. Nice and responsive, minimal layout, still screams “WordPress site” but what are you going to do?

Some of the older posts won’t be displayed perfectly due to the old size of thumbnails and I’m okay with that. Time to move forward.

HTML5 Video, .OGV, Servers, and You

Just before launching a custom HTML5 video player for my last project I ran into two small, maddening bugs. Everything on my dev server worked just fine but when moved to the production server Firefox wouldn’t play the video.

The first issue was expected and easy, just had to add the proper Mime types to the .htaccess file:

AddType video/ogg .ogv .ogg

Done, done, refresh and…

… well, the video was playing fine but the normal, native controls were breaking, with the progress bug jumping right to the end of the timeline. Odd. I don’t really deal with server configurations much so I was at a loss and frustrated. A day’s worth of Google searches led nowhere until this post. “Don’t use gzip/deflate compression.” Okay, that seemed to be worth trying, but how… HOW?! Plenty is written about the benefits of turning it on and how to do it, not so much the opposite. Now to find a way, one that didn’t involve messing with the server configuration, and something that a front-end person like me could understand. Here it is, ready for your .htaccess:

RewriteRule ^(.*)\.ogv - [E=no-gzip:1]

Ogg video files, no gzip compression. Problem solved. Hope it helps someone else out.

If any experts out there take issue with that regular expression please let me know in the comments.

Update: It seems Chrome needs gzip turned off on MP4’s in order to play them as well, if you have them listed first in source order as I have.

RewriteRule ^(.*)\.mp4 - [E=no-gzip:1]


Instagram has returned invalid data.