Comments on: Azzcat Design Makeover

By: Catherine

Catherine — Mon, 13 Dec 2010 15:54:39 +0000

Thanks, Ash. :) Noted on the Pill subheads. I’ll point it out to Typekit. They’re constantly improving font hinting.

By: Ash Menon

Ash Menon — Mon, 13 Dec 2010 09:55:08 +0000

Hey Catherine, love the makeover. Especially the dancing boxes :)

Just like to point out, that in Chrome (Windows), the footer's subheaders (Pill Gothic font, I believe?) appears pixelated and broken slightly.

By: Catherine

Catherine — Mon, 07 Jun 2010 02:25:22 +0000

No worries! I’ve made my peace with the browser differences. (Not easy for an old print designer!) Though I’m frustrated by the browser differences, the ‘game’ of CSS keeps me smiling. ;-)

By: Joseph McCullough

Joseph McCullough — Mon, 07 Jun 2010 02:09:54 +0000

Thanks for your reply!

Call it coding practices or laziness, I just can't imagine my page looking different on different browsers. What I really can't imagine is having to take care of multiple CSS files or conditional CSS statements. That just seems like it would be a nightmare to manage.

I guess I just play it safe way too much!

By: Catherine

Catherine — Mon, 07 Jun 2010 01:45:45 +0000

Thanks, Joseph!

Typekit has no effect on SEO. The text is all there in HTML and if Typekit fails, there's fallback font stacks. What's especially great about Typekit is that the text is totally under control of CSS and is selectable. (Though admittedly, my elements aren't easy to grab!) Cufon, for instance, does not fully support CSS rules.

CSS3 is still a little tricky. Turned out that Windows FF couldn't handle the alpha transparency gradients in the nav bar and footer. So I found a script that let me isolate Windows FF to serve up a solid color for those elements. So frustrating!

IE7 & 8 (I don't support IE6) had issues rendering the Wufoo contact form. Fortunately, Wufoo offers javascript OR iframe alternative. The iframe works across IE, FF, Chrome & Safari, whereas the javascript didn't work in IE. So I used the iframe.

Bottom line...lots of trial and error. The site looks luscious in Chrome/Safari/FF on Mac. Windows...meh. There's a world of difference in font-hinting between Mac & Windows. (I have no idea of how Linux looks!)

By: Joseph McCullough

Joseph McCullough — Mon, 07 Jun 2010 00:24:19 +0000

Looks pretty nice. I'm not a big fan of the scattered rounded rectangles, but that's just me.

I've been tempted to test out TypeKit. Do you know if it has any negative effects on SEO?

I'm going to be redesigning my site/blog also. Unfortunately it won't look nearly as good as this one!

I'm also reluctant to shift to CSS3. I mean i'm all for Bashing IE6, but I feel like I should still keep IE7 and 8 in mind. Maybe I'll break that mind set eventually.

Good luck with everything!

By: Tweets that mention Azzcat Design Makeover -- Topsy.com

Tweets that mention Azzcat Design Makeover -- Topsy.com — Sun, 06 Jun 2010 23:22:46 +0000

[...] This post was mentioned on Twitter by Catherine Azzarello, Codrops. Codrops said: RT @azzcatdesign: Azzcat Blast:: Azzcat Design Makeover http://azzcatdesign.com/blog/web-design/azzcat-design-makeover [...]