Archive for the ‘Blog’ Category

Preparing for HTML5 Video Using MP4s

Monday, September 6th, 2010

HTML5 has been pretty exciting for me, especially since I can now deliver video to Apple devices. And since I am really not into supporting 3 or 4 different video types per browser (ogg, web>m, mp4, etc), I’ve decided to roll with the video type that is the closest to a one stop solution. The MP4 using the video solution VideoJS.

I know that there are potential royalty issues with the MP4, but for now its the best one-shot solution. But to get the best out of your MP4 for Apple devices, modern browsers & Flash, there are a few things you should know.

(more…)

Targeting iPod, iPhone, and iPad with Javascript

Friday, September 3rd, 2010

I’ve been working with Apple products and HTML5 video quite a bit lately. And one thing I actually found quite a pain to locate was, how do I target an iPod, iPad, and iPhone specifically?

Its actually pretty simple.

(more…)

Flash : Useful Extensions

Sunday, August 1st, 2010

For those you Flash animators out there, Ajar Productions has a slew of very helpful extensions for your animating. Check them out here.

My personal favorite is Queasy Tools.

jQuery : Make any truly external links open in new window

Sunday, May 30th, 2010

Well, I’m now learning jQuery & JS pretty hardcore, and I just had a request to make all site links that are external open in a new window. No big deal with jQuery!

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
// Blank windows for non-local site links
$("a[href*=http://]").not("a[href*="+location.host+"]").attr("target","_blank");
</script>
<a href="http://crossflightstudio.com">Personal Site</a>
<a href="/home/">Relative Link</a>
<a href="http://jonaswoods.net/home">Jonas Woods Home</a>
<a href="http://google.com">Google</a>

And there you have it. Site-wide external link re-writing. Simple, eh? Think I’m going to love jQuery. If you want to get really crazy you could always use JS to grab the location (base site URL) and dynamically write it in. Updated!

JonasWoods.net is live!

Monday, May 24th, 2010

JonasWoods.net just went live! Both Jonas & I are stoked!

The site is just the way both of us hoped it would be, complete with MailChimp integration, GigPress, and an HTML 5 audio player. Not to mention the awesome retro vintage chalk board FX. Hot!

Seriously though, I ma very pleased with how this site came out. Thanks Jonas for letting me work with you on such a cool site.

Haiku : Calligrapher's Joy

Friday, April 23rd, 2010

I was into Haiku for a bit, so I wrote one of my own.

Graceful, Elegant
Bold strokes dance upon paper
Calligrapher’s joy

Flash : My Image Keeps Turning Into a Red Block!

Friday, April 23rd, 2010

Maybe you’ve seen this error. Maybe not. But for those of you that have, you’ve probably cried yourself to sleep thinking the whole project is corrupted. Re‐importing the image every time you work with the file is no fun. So what can you do?

(more…)

Instant Storm : Free SWF to Screensaver Application

Wednesday, April 7th, 2010

Instant Storm is a cool little project for making Flash screen-savers.

It has many customizable features, from stretching SWFs, to adjusting screen resolution, and customizing your installer. Good source of fun, or potentially income!

Be sure and install the latest version, and then the newest beta.

Don’t forget to give back!

Refresh

Saturday, April 3rd, 2010

Something funky happened to my database… I’m going to be restoring old posts as I can.

Flash : Native Image Compression Stats

Wednesday, December 23rd, 2009
For those looking to optimize file‐size inside (and outside) of your Flash movie, I have done a fairly in‐depth amount of research into which formats Flash handles best once loaded into the main timeline. While I know that many no longer do this, it is ideal for those of us who still do animated presentations on the timeline. I was always under the impression that PNG‐24 was the smallest file‐size on publish, but I was wrong.
After extensive testing, a flattened LZW TIF with default Photoshop se6ngs seemed to compress the best for images without transparency & take up the least amount of filesize on disk. But, for those transparent image needs PNG‐24 (using the Save for Web dialog) won out.

I also noticed, just switching the AS library from 2 –3 barely increased filesize on publish as well. The same was true with activating JPG de‐blocking.

Obviously, if you are remotely loading your images, the smallest file‐size image wins that test.

Get the PDF of the breakdown here.