Embedded web fonts are great, but the Hawaii web design has a dilemma. A lot of place names use Hawaiian diacritics (āēīōūĀĒŌŪĪ) and any time you use the language on a web site there’s a good chance you’ll use a few of these characters. The problem is that not a lot of fonts include these glyphs in their character sets, so we’re limited to the ones that do. This is further complicated by fonts that don’t also include styles for italic, bold, or bold italic.

Google Web Fonts currently has a total of 22 fonts out of 229 that have the Hawaiian diacritics, which is roughly 10%. Of these, only 10 fonts include all font styles.

• Andika
• Anonymous Pro *
• Anton
• Caudex *
• Didact Gothic
• EB Garamond
• Forum
• Francois One
• Gentium Basic *
• Istok Web *
• Jura *
• Kelly Slab
• Medieval Sharp
• Modern Antiqua
• Neuton *
• Open Sans *
• Open Sans Condensed *
• Play *
• Ruslan Display
• Tenor Sans
• Ubuntu *
• Varela

* fonts support bold, italic, and bold italic

Normally I don’t screw this process up (since I’ve done it probably 50 times in the past 2 years), but I was rushing when I did it Friday afternoon. I had myself convinced on Monday morning that it was just a slow weekend, and no one had anything to send me. Then I remembered that I tried to send email to myself Friday night, and puzzled over why it never got thru. Mystery solved.

It’s been frustrating waiting for the old DNS records to expire on the Media Temple server so I can enable mail services. I’m used to communicating primarily thru email, and being unable to do that all day has been driving me nuts!

php_value upload_max_filesize 20M
php_value post_max_size 20M

This next bit usually helps if the uploads are timing out.

php_value max_execution_time 200
php_value max_input_time 200

This usually does the trick!

Just ordered some new flash remotes since the Cactus V2s we have are getting too finicky for my liking. Cactus released V4s earlier this year, and they’re still extremely affordable. Looking forward to getting those later this week.

I still have a big backlog of photos to go thru for Theresa and Andree’s wedding, and I’m really gonna push to get my picks out this week.

Oh yeah, and pics of the yurt are coming soon as well. Stay tuned.

That said, something that’s come up a lot recently is forcing www. in front of all urls on a site. Since all of my servers are Apache, with mod_rewrite enabled, this is no problem. Create an .htaccess file and drop this code into it:

RewriteEngine On
# force www in url
RewriteCond %{HTTP_HOST} !^www\.chrisrunnells\.com [NC]
RewriteRule ^(.*)$ http://www.chrisrunnells.com/$1 [R=301,L]
# END force www in url

The other thing I’ve started doing is using 301 redirects when launching a new site. I can’t believe I didn’t use this years ago! Just add the following to the .htaccess file:

redirect 301 /oldpage.htm http://www.chrisrunnells.com/

And voila, the server redirects the user, and the search engines index the new page as the old one.

I was working on a Flash slideshow for an Aloha Media Group project, and I needed to make sure the slideshow background was transparent. I needed to look up the SWFObject code to make that happen, which is:

so.addParam("wmode", "transparent");

I also made sure the to update the slideshow.xml with bgOpacity="0", which I think would have given me the functionality I needed without adding the wmode parameter. I’ll have to test that out.

Guam was nice. Very tropical, and if it wasn’t for the hear and humidity, I would have thought I was still in Hawaii. Everything was really lush and green, the ocean and sky were beautiful and blue, and the people were really friendly.

Because of the hot and humid weather, we spent a lot of time in air-conditioned buildings. It reminded me of being in Vegas, where you wouldn’t want to spend much time outside unless you had to. The first morning we were there I tried to take pictures from the lanai on Jim’s room, but as soon as I stepped outside my camera started sweating and the lens fogged up for a few minutes. But I still managed to take a couple of nice pictures, which I’ll post to Flickr soon.

I still have pictures from Tahoe to post as well! The next couple of weeks are going to be busy with school and a couple of project deadlines looming. So… I probably won’t actually post the photos until near the end of the month.

Keep an eye out for a recap of Tahoe and Guam, sometime in the next couple of weeks!

Basically, I use the Flash Nifties XML Slideshow any time I need to do a quick image slideshow. To embed the swf file, I use the included SWFObject javascript for cross-browser compatible flash integration.

Now, the key to pulling this off successfully is to make sure the paths are all correct. Not only do we need to make sure the path to the XML file is good, but we need to make sure the paths to the images inside the XML file are valid as well. Trying to embed slideshow.swf by itself using the built in WYSIWYG editor doesn’t work, because the SWF can’t find the XML file. So, using the editor override method, I drop in the following code:

<script type="text/javascript">
var so = new SWFObject("/_Library/Media/Slideshow/slideshow.swf?file=_library/Media/slideshow/slideshow.xml", "gallery", "400", "300", "6", "#ffffff");
so.write("flashcontent");
</script>


Alternatively, I could use addVariable technique to tell the slideshow where the XML file is (found here):
so.addVariable("file", "xml/images.xml");

However, since there’s only one variable, it’s easy enough to just add it directly to the uri string.

Now that slideshow.swf knows where it’s XML file is, I can test this by changing the bgcolor attribute in the XML file and seeing if it shows up. Once I’m sure the slideshow is reading from the XML file, I need to make sure the file paths to the images are correct. Since Flash reads the directory structure relative to the page it’s being called from (in this case, the root of the web site, index.asp), the path has to look like this:

<image img="_Library/Media/Slideshow/image1.jpg" />
<image img="_Library/Media/Slideshow/image2.jpg" />
<image img="_Library/Media/Slideshow/image3.jpg" />
<image img="_Library/Media/Slideshow/image4.jpg" />


Since ZeppOS is on a Windows platform, the paths are case-insensitive, but I add in capitalization anyway.

And that’s about it. Next time I’ll show a snippet of Javascript that I sometimes add to trick the browser into updating the XML file each time the page loads.