Papervision Bacteria & Viruses

| October 27th, 2009

Don’t be scared, it’s only a glowing hot dog. Wait! It’s actually an E Coli bacteria without it’s final texturing!

blogsphoto

Unhappy Hipsters
Clients From Hell

Smashing Magazine
Abduzeedo

FFFFound
Dropular
But Does it Float

Grain Edit
Beast Pieces
Lovely Package

Motionographer
idents.tv
Art of the Title

the FWA
Minimal Sites
Web Creme

Core 77

Odds & Ends of tha Internetz

| October 9th, 2009

oddsends

It occurred to me that I often find useful things while searching the interwebs, and I may as well document them somewhere. Of course I could throw them on del.icio.us, but where’s the fun in all of that standardization? Here they are, in all of their fantastic glory.

JavaScriptObject – 02.21.09
Nice way to display 360° rotations of 3D models online

MAMP – 12.09.09
One-click-solution for setting up your personal webserver

Emogrifier – 12.04.09
Combines HTML & external CSS into an email-ready file

JS Beautifier – 10.08.09
Great little website that instantly de-minifies javascript

Pixel Patterns – 10.08.09
Lots HTML Background Patterns

BG Maker – 10.08.09
Really nice BG Pattern maker

MultiFirefox – 10.08.09
Run multiple versions of Firefox on your mac

Flash Tracer – 10.08.09
View all of your Flash trace statements while in Firefox

Typekit & Web Fonts

| September 28th, 2009

Type Example

If you haven’t heard of Typekit it’s definitely worth taking a moment and poking around the website. In a nutshell, they want to expand the capabilities of web typography by increasing the number of fonts web designers can choose from. I’m pretty sure they do this with the @font-face, a bit of javascript and a subscription. Either way it has some pretty awesome capabilities.

The awesome thing about Typekit and @font-face is that they work in Safari; the shitting thing about Typekit and @font-face is that they don’t work anywhere else (at least not IE, FF, Chrome or Opera).

edit: @font-face will work in IE, FF, Chome & Opera, but additional font file types are needed and it must be in a version running CSS3. OTF & TTF work in Safari, but EOT is needed for IE, and SVG is needed for Opera.

As annoying as that may seem, TTF fonts can magically be turned into EOT here, and an SVG converter can be downloaded here.

Here’s an additional resource on the subject: Mozilla Hacks @font-face

I decided to make a little web utility so that I could more easily preview the Typekit fonts without logging in and using their previewer. Since I currently have a free membership with Typekit I’m only able to use two of their fonts at a time, so I decided to add a few free typefaces that I found. If I do end up getting a membership I think it will come in handy.

Font Previewing