Holiday Greetings & Games

This has been one crazy Fall work-wise, so I apologize for the scarcity of posts, but I do have a few holiday treats for you.

From my day job at Cronin and Company, we’ve got Cronin’s “Grab Bag of Goodness.” As with most internal projects, this was a major rush job. I take no credit for the design (which was handed to me with no wiggle room), but when it comes to the CSS and DOM Scripting, that I’ll proudly take credit for. Use the code “9301″ to get in. Of particular note in this piece:

  • Taking a page from Dan’s Bulletproof Logos, most all of the text is in (shock) images. Toss in the text as an alt attribute and with images and CSS off, you’re still golden. As this was a one-off, sIFR seemed like overkill.
  • Ooh, check out that marquee. Brings back memories, doesn’t it. Well, this one’s a little different. The markup is an ul and each item is a li. CSS makes it all display: inline; and then JavaScript keeps reducing the margin-left of the first li by 2px until the absolute value of it’s margin-left is greater than the li’s width. That li is then plucked from the front of the list and appended to the end. Though I am not a big fan of scrolling marquees, this was a pretty fun experiment.
  • Those animated icons you can click to make a donation are actually form controls. Originally, I had made them into custom submit inputs, but Safari’s inability to customize certain form controls made me abandon that element in favor of button. It’s a great effect too (IMHO).

Then there’s the Easy Designs holiday card. I will spare the commentary on this one with the exception of giving major props to Dave for building the game in a day. I’m pretty darn proud of it, especially since we pretty much went from concept to execution in a matter of days (yeah, procrastination’s a bitch). If you’re interested, you can see a rough approximation of the email that went out (our first Campaign Monitor mailing) or simply play the game.

Like it? Share it

Share on LinkedIn

Share on Google Plus

Comments

  1. Nice work Aaron! These look like they were fun to work on, I’m impressed with how quickly you knocked them out!