Stop an Animation/Video From Playing When Hiding the Object

By default in HTML, if a Flash object is hidden, the DOM will not play nor load the animation. However, what happens if you have some tabs that hide the animation or video? This was an issue I ran into when building my portfolio. After doing some digging I found a solid solution that worked well for stopping the animation or video. Continue reading…

Converting a Flash Animation to an HTML5 Canvas

I recently created this Flash animation at O.C. Tanner that had a fun design by Steve Newman.

I thought I would challenge myself and see if I could convert it to HTML5 using a JavaScript library by Grant Skinner called EaselJS. Easel is appropriately named since it makes holding the canvas highly manageable. It basically simplifies writing to the HTML5 canvas; it is nearly as easy as doing it in Flash. I took all the assets I used in the Flash project and utilized placement from the Flash interface and animated the elements within the canvas with JavaScript. Some of the animation was simplified, but for the most part I think it turned out quite well. I even tested it on my iPad and it works great (minus the sound not working).

Reward Matters Continue reading…

Printing Content Within Flash

Recently, I was given the challenge to make Flash in an eCard printable in all browsers through the HTML. The thing about printing an HTML page with Flash is that the default on all browsers is to suppress printout on background images as well as Flash Objects. The challenge was that both content from the HTML page and Flash content needed to print. The solution I came up with was to push all desired printed content into Flash and utilize Flash’s PrintJob Object. Continue reading…

Using JavaScript to Communicate With Flash

JavaScript to Flash

Lately I have been working on this project that requires JavaScript to communicate with the Flash on the page. It is something that I have done in the past, but this time I was running into issues that were giving me problems. Sometimes the issues were in all browsers, but many times the errors were only showing up in Internet Explorer. Here I will go through the steps to properly set up your Flash and JavaScript and explain a couple ways to avoid seemingly erroneous errors so communication between the to can take place. Continue reading…

Three-Peat Win For Web Design of the Year 2010

Schofield and Haroldsen 2010 Web Design of Year Winners

Todd Schofield and Nick Haroldsen--2010 Web Design of Year

O.C. Tanner has awarded the Design of the Year Award to me for the third straight year. Our designs have been getting better as our O.C. Tanner designers have stepped up to the competition. For the 2010 year, there has been more collaboration and synergy as we have been able to bounce ideas off each other and work closer together. Continue reading…

Flash and Web Design

I have discovered a desire to not only design things to look pretty, but also function practically. Somewhere along this persuit of creativity I have become fond of the way programming functions logically. This culmination of form and logic has moved me to a love of Flash and Web Design—namely the programming that goes behind the scenes. I am working up to the level of “Code Nazi” when it comes to Actionscript and HTML. I get a bit anal with how my code is generated. I don’t trust layout programs such as GoLive or Dreamweaver to write all my code. Although, I must admit they are getting better with newer versions.

Continue reading…