ShortFusion Blog - Open Source

Thoughts on Embedding Fonts In Web Pages & Navigational Menus

Sat, 20 Jun 2009 13:55:00 -0500

I'm working on a little web interface for a friend that involves the use of a specific font for the navigation menu items. So far, I've have been a good little developer and have kept everything neat and tidy. The html contains just html with imported style sheets and I have eschewed using javascript by positioning everything with CSS. I can get away with it as a conscious decision was made to ignore IE6 and conform to standards (at least insomuch as the standards are implemented in IE7+, FF3+, and Chrome (assuming that means all webkit browsers & I'll test to make sure that it looks OK in AIR applications too) ).

But fonts are a pain. The friend is a designer, the font WILL be used. That leaves embedding graphics, sIFR, prepackaged Flash or custom Flash. Custom Flash is last because that is what I used, but I will dispatch with the other options as quickly as I can. (There is the @font-face; MS has an IE only font embedding scheme, *.eot files, and FF3.5 will support embedding TTFs but neither is presently practical for wide use.)

[More]

More Flash Site Navigation

Tue, 17 Mar 2009 10:13:00 -0500

Some additional thoughts on the site navigation in Flash. I have a deployed version that you can check out at a great place for postcard printing - actually, make it a two-fer and checkout a mail roi calculator that Alex and I created (Alex made it pretty). (Quick aside, I am responsible it seems for a lot of the facets of SEO at imageMEDIA, so I am pretty much obliged to give the link). I ran into a few problems at deployment that were aggravating, yet solvable. So, for my own recollection and the potential to help someone else, here we go: Problems:

Firefox: When the swf loses focus, particularly with scrolling and other page interaction, the drop down menus will not display until the swf is re-focused by clicking.
Firefox: A border will sometimes appear around the swf; particularly after you click it to re-activate the drop downs.
IE: Browser lose track of the swf and not align mouse event with the flash.

Solutions: [More]

Site Navigation Menus, Pure Actionscript & FlashDevelop

Thu, 26 Feb 2009 23:10:00 -0500

A recent requirement at work had me having to forgo Flex for a Flash project. I'm replacing a DHTML site navigation system that employs several images, javascript libraries and, more importantly, places over 70 links onto any given page of the site. I've inherited the job of cleaning up the site SEO-wise and all of these links prevent me from cleanly sculpting the site. At the same time, I am working on improving the performance of the site, and, soon, improving the functionality of the navigation.

Anyway, while I like Flex - really, I like Flex, we need to get a room or something - she can be too heavy for some tasks, and the thought of dropping over 100KB of Flashy goodness on everything single page of the site is less than desirable. Instead, at my current level, I am more than halfway there just using a pure Actionscript Flash project and I have kept my SWF size down to under 4KB. Keep in mind, I am using an XML supporting doc that adds 7KB or so, but I would use the same file for Flex or Flash. [More]

Open Source Actionscript & Flash

Wed, 07 Jan 2009 00:06:00 -0500

So I am still working on various projects, but I made a little incursion into the world of open source flash development. So as to not forget what I encountered, I'll review a bit of it for future reference.

IDE

I had gotten it in my head that, absent Flex Builder or Flash, development pretty much meant hobbling something together in Eclipse with the SDk and pasting it all together with Ant scripts. However, I took a look-see at FlashDevelop; installing the latest version, 3.0.0RC1, and creating a couple of small projects. The first project was a Flex 3 Project and the second was an Empty project (starting with just a blank slate onto which to write actionscript master pieces). It was a really pleasant experience. For some reason, however, my favorite coding font, ProggyCleanTTSZBP, just didn't look so good (and, as fonts are a new feature, according to their notes, it isn't so strange, but one has to close and re-open files to see the updated font selections). That is horribly superficial thing as Courier New does the trick until I have some time to play with it some more. [More]