Web Technology

“Be Moved”. Sony USA’s Dynamic Media Marketing Site.

Sony has pulled out all the stops in their latest marketing effort. “Be Moved” is a fully integrated campaign, for Sony USA, features a deep dive website that is filled with rich dynamic media, cutting edge CSS tricks, and plenty of content. The visitor is encouraged to explore through vertical scrolling that reveals heavy CGI models of product that self assemble from exploded models, big budget video production, and engaging editorial. Each section has hooks to social media for specific product, and each video is featured on the Sony channel on YouTube helping to extend engagement and branch reach across channels. If you have the time take a look at the site and really dig around. It’s a great example of where interactive content is going.

Homepage

Using CSS to Recreate Logos.

All you web monkey’s and CSS junkies out there, check this out. Just for fun, as a weekend project, Brian Chan decided to recreate a number of corporate logos and identities using nothing but CSS. I have to say, “Color me impressed”. I am by no means the designer you want writing your code, but I am really impressed with the way these look. On his site there are more examples, and the source code if you care to take a peak. You can see it all here the bchanx site.

CSS Logos

Living on the Edge.

logoFor the last two days I’ve been going through training on Adobe’s Edge Animate. I’ve been using this tool for a while now, but the class is actually opening my eyes to the possibilities and limitations that this program has. As someone that has used Flash since it was still called Future Splash, Edge in many ways feels like stepping back in time to 1998. This is no fault of Adobe, this is the reality of working with the limitations of CSS, HTML, and JS. It’s also the reality of using software that is in version 1.5. With that said, here are some things I’d love to see Adobe add in version 2.0

  • import a JPEG, PNG, or GIF sequence as an Edge Symbol
  • Video Support
  • Audio Support
  • Motion Guides
  • A pen tool for masking/clipping

Adobe I hope your listening.

Untitled-1