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).
Continue reading…
It has been five years since we had our pumpkin carving extravaganza at work. I was looking at some old pictures from that day back in October of 2006 and remembered the fun Dom Albrecht and I had creating an awesome jack-o-lantern. Here is looking back on that event.
Continue reading…
Drop-down menus are standard in websites to easily organize site navigation. By applying a few lines of jQuery and accompanied with some CSS, you can easily create some slick looking menus. A while back I wrote about “Generating a Dynamic Selection DropDown with jQuery and AJAX.” For simplicity of that tutorial, I didn’t focus on drop-down menus, but you could easily apply the dynamic content driven in that tutorial to the methods explained here.
Continue reading…
Photo by Nick Haroldsen
We have all run into that project where the design gets so rushed that important steps to establish a great design get forgotten. Many clients undervalue the amount of necessary research it takes before the pencil even hits the sketchpad. The better we are with research, listening, and communicating, the better our designs will be; ultimately, giving more value to our work. Continue reading…
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…
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…
It may seem a bit of a basic experiment, but I thought I would experiment a bit with jQuery and create a simple clock. The concept is basic, but understanding the basics can lead to even greater discoveries. Continue reading…
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…
We are all in constant need of self improvement. We search for ways to better our mind, body, and spirit. There are many ways to stimulate our minds. We all are familiar with GIGO (Garbage In Garbage Out). Like our programs, what we choose to put into our minds and body will affect our outcome. Here are five things that I have found helpful in improving mind stimulation: Continue reading…
Cloning simple objects in AS3 can have great advantages when creating an application. It creates shortcuts for recreating an object. I have put together a simple example of my exploration with cloning TextFormat and TextField objects. These methods can be applied to cloning other objects as well. Continue reading…
Subscribe