BKWLD

Archive for October, 2007

Multiple IE (including 6 and 7)

By Mark on October 8, 2007 at 11:01 am

I just installed TredoSoft’s MultipleIE for running all versions of Internet Explorer on a single install of Windows XP. The alternative is to install two (or more) versions of Windows, one for each version of IE you need to run. This takes up huge amounts of disk space and RAM when running them side by side.

I’m running XP in VMware Fusion and it’s working great!

IE 7 and IE 6 side by side

Thanks go to Koa for finding this bad boy.

Bungie is single again!

By Robert on October 5, 2007 at 9:22 am

Does this mean we’ll be getting mac games again? I doubt it, but I thing this is good news nonetheless.

Contact Flow

By Greg on October 4, 2007 at 3:42 pm

Mark Eagleton puffin a stoggie.... in my address book.

Does anyone else think this is a cool idea? Not as utilitarian as say copy/paste - but it would be cool to just flick through your contacts and see a bunch of smiling faces come back at you, no?

Web Fonts

By Mark on October 4, 2007 at 2:37 pm

News Flash! HTML text can only be rendered with fonts you have installed on your computer or internet device¹. Not everyone has the same fonts in stalled on their computer or internet device. This is nothing new. This is the way it has always been.

I know. This is a bummer. Go ahead and take a minute to get over it …

Now that you’re composed, this is how we deal with it.

First thing’s first. Do not make compositions of websites using non-web safe fonts for body type. The concept of HTML only being able to use system fonts to render text is difficult and time consuming to explain to most clients. It’s best to take every precaution to eliminate the need to explain it.

Now that we have that out of the way, you probably want to know what web safe fonts are, and more importantly, what the web safe fonts are.

Web safe fonts are fonts that you can pretty much count on being installed on the majority of devices that will be loading your website. By majority of devices, I mean pretty much every computer running Windows 95 or later, Mac OS 8.5 or later and the majority of Linux distributions that are capable of accessing the internet. I also mean most non-PC devices such as web TV, video game consoles, and mobile phones.

Without further delay, these are your web-safe fonts:

  • Arial
  • Times New Roman
  • Verdana
  • Georgia
  • Comic Sans
  • Trebuchet
  • Courier New

I know. A pretty bleak selection. Go ahead and take another minute to get over it …

Now then, as with everything else on the web, there are no absolutes with font selection on the web. The whole nature of the web is to put the user in control. While this concept is generally frowned upon by graphic designers who are accustom to putting static things in static places that remain static until you wad them up and throw them away, on the web, this works to our advantage.

What the bitch goddess taketh away with one hand, she giveth with the other.

CSS allows us to specify any font we want for a web page, regardless of whether or not it is installed on the device rendering the page. When specifying a font, it is best select multiple fonts in order of importance. In effect, sayng to the user agent, “if the user has Verdana installed, use that, if not, use Helvetica, if not, use Arial, if none of those are available, just use whatever sans serif font is specified in their user agent preferences.

The CSS rule would look like this:

font-family: Verdana, Helvetica, Arial, sans-serif;

Notice how I specify Helvetica before Arial. Helvetica is a default system font on Mac OS X. It is not on Windows. Arial is a default font on both platforms, but Arial is a fucking piece of shit, so I only want it used as a last resort — if neither Verdana nor Helvetica are available.

When we take default fonts into consideration on a platform by platform basis, our options open up a bit. The following image shows default fonts for Mac OS and Windows, grouped by similar style.

Default fonts by platform

Taking this concept to the next level, we could get creative by specifying default fonts on Mac OS X first, followed by similar Windows substitutes.

Go nuts with headings

While dealing with these harsh type face limitations for body copy, headings, navigation menus, and mastheads are another story. There are plenty of image replacement techniques to choose from that are highly accessible, and very easy to implement. All of which we will talk about in a forth coming post.


  1. Apple’s Webkit now supports the @font-face CSS rule that allows you to link to fonts on your web server and allows your web page to use them to render type.

Must Not Sleep/Must Warn Others

By Greg on October 4, 2007 at 11:58 am

05.jpg

MNS/MWO is a awesome collective of photographers based in Seattle “striving to promote positive social change through the power of photography”. Since forming in 2005 they have grown include photographers from all over the US and have documented travels and experiences from all over the world.

Along with Wonderful Union and the humanitarian organization World Vision, Must Warn Others will be hosting “A Collection of imagery to benefit World Vision” October 13th, The gallery show will have an awesome benefit, every photo will have a specific gift associated with it; for instance, if you buy a photo the proceeds will go towards buying a family in Haiti a goat for milk and cheese. Or if you buy a different photo, its proceeds will go towards supplying an orphan in Zimbabwe with food, blankets and school supplies.

OPENING RECEPTION
October 13th, 2007, 7-10 PM
The Wonderful Union Gallery
2221 NW 56th St. Suite 201, Seattle WA 98107
(1/2 Block West of The Ballard Library)

Justin.tv

By Eddie on October 4, 2007 at 11:54 am

Really….Really?

Removing SVN folders recursively

By Robert on October 2, 2007 at 7:12 pm

Since we’ve started using SVN I’ve found I sometimes run into some errors when I try to commit a directory that I’ve copied from another repository. Here’s how to get rid of those old, hidden .svn folders so SVN can create new ones. Originally from here.

find . -name .svn -print0 | xargs -0 rm -rf

Flash Player 10

By Robert on October 2, 2007 at 11:19 am

The multi columned text will really help text based flash. It’d be cool if they built in some easy hooks to dynamically resize the page. But the really amazing thing is that 3d stuff. Holy shit! Man, this woulda helped the BKWLD.com site out TREMENDOUSLY. This is really gonna lead to some exciting APIs. (link courtesy of Jeff)

Deep linking in flash

By Robert on October 1, 2007 at 9:38 pm

Max showed me swfAddress. More elegant and documented version of what I’m using on BKWLD.com. I’m using some dhtmlHistory thang that I believe is crazy old.

« Previous Page