Welcome to the Geeks & God Static Archive. Read more »

Design Tips: Web Design Part 2

0

You are missing some Flash content that should appear here! Perhaps your browser cannot display it, or maybe it did not initialize correctly.

Today, as MF basks in the Hawaiian sun, we're stuck here, listening to another episode of Geeks and God....argh. But, alas, we try and make the best of it:

On this podcast we talk more about the design side of websites. We talk about why it's important to choose just the right color scheme for your website. We talk about raster vs. vector graphic. We talk UI and trends in web design (are they good or bad to follow?). We wrap it up by giving you a bunch of tools that you can use to make sure your site is lookin' good.

Before all this, however, we talk about Open ID and why it's good for the web. Join us, won't you?

Design Forum Now Online

Hey Everyone...
Listener Max pointed out that we forgot to create the design critique forum that we mentioned in the 'cast. Sorry about that. It's Now Here
-Rob Feature
Geeks and God Co-Host
www.bobchristenson.com

-Rob Feature
Geeks and God Co-Host
www.mustardseedmedia.com

HTML Validator Firefox Add-on

Another handy validation tool is the HTML Validator Firefox Add-on. This add-on performs off-line validation (using HTML Tidy by default) and shows a summary of the results in Firefox's status bar. It can also upload the current page to the w3c validator for a second opinion. I use it often to fix those little warning errors that would otherwise slip by, especially when doing template work. I'd call it an invaluable companion to Firebug for any web developer.

Thanks for the YUI Grids coverage

Hey there,

I'm the author of Yahoo's Grids CSS file that you mentioned in your show. First of all, thanks for the mention!

You mentioned two things about Grids that I wanted to respond to. First, the reason that I don't walk through the CSS line by line is that it is primarily intended to be a black box. The file is static, not customized per user or per layout. The single file, weighing just 2kb, provides all the CSS necessary to create a nearly countless number of layouts (realistically about 1000 layout combinations, and the ability to easily customize for countless more variations). It's not a teaching tool, it's a bulletproof system that Just Works.

I'm a huge fan of teaching and sharing, but in this case the goal is efficiency and productivity.

The second thing I wanted to point out is that Grids is a three-party system. You can use each of the three individually or in any combination.

Part 1 controls the overall page width.
Part 2 offers source-order-independent common-dimension two-column shells.
Part 3 is the powerful bit, and offers a mechanism for subdividing regions of the page into child units, and doing so recursively. (It's possible to create 20column layouts using this system...not that you'd really want to in general.)

Put those three pieces together in various combinations and you'll see that Grids is an efficient and battle-tested system for effortlessly creating standard page layouts, and, at the same time, a robust system for some of the more complex and arbitrary layouts imaginable.

One other thing:

Your podcast's segment after Grids was on sFIR. One of you (sorry, lost track of who was talking) said "it doesn't have to look the same in every browser."

I completely agree. Actually, instead of "being OK with it" I think we should actively embrace it. To that end I would like to point you to a white paper I wrote for Yahoo! on that topic called "Graded Browser Support":
http://developer.yahoo.com/yui/articles/gbs/#history

Thanks,
Nate

Nate Koechley
YUI Team, Yahoo!
http://nate.koechley.com/contact

Thanks for more insight!

Hey Nate...
Thanks for more insight on your work on Yahoo Grids. I think it's a fantastic technology and, as a designer, I love seeing it 'just work'.

Great info here as well, and I'm sure all of our listeners will soak it in. If you ever want to be on the show to talk more about Grids...we'd love to have you.

-Rob Feature
Geeks and God Co-Host
www.bobchristenson.com

-Rob Feature
Geeks and God Co-Host
www.mustardseedmedia.com

Great Stuff

I've enjoyed listening to some downloads of your podcast. Great quality and great information. We are working on our church web site using Drupal, lots of good stuff in that 10 week series. Keep it up!

I really love the website

I really love the website and the podcasts guys, so please keep up the good work.

Just a suggestion : how about organising the archived podcasts into series - Drupal, Opensource, Web design etc...

It would really help those of us new listeners trying to catch up with previous podcasts.

PS Hey I managed to do the math question without a calculator.... yey!

Home Page

Hey Dave...
Look on the homepage towards the bottom right. You'll see a listing of previous series we've done. We could probably do a better job organizing them and keeping them up to date, but, ya know, that would involve putting down my nachos and turning off Aqua Teen Hunger Force :)

But seriously, doing a better job of this in the future is on our radar. Thanks for re-confirming that need.

-Rob Feature
Geeks and God Co-Host
www.bobchristenson.com

-Rob Feature
Geeks and God Co-Host
www.mustardseedmedia.com

Homepage... hmmm well don't

Homepage... hmmm well don't I feel kinda stoopid!

But then again, I don't think I have actually been to your homepage before. The reason for this is I can't find a link to it anywhere on the page, so I have just been using the navigation menus and blocks.

When I typed in just www.geeksandgod.com I of course got it, and it is exactly what I was looking for. Thanks again!

Logo, baby...

Just click the G&G logo in the header....that's the homepage link. We figured that was a well used standard so we opted for no 'home' link...maybe we've been in cyberspace too long and have lost touch with regular people.

edit....hmm...although I just rememberd, I think our lazy-man's way of doing that link may not work in IE. Switch to Firefox! :)

-Rob Feature
Geeks and God Co-Host
www.bobchristenson.com

-Rob Feature
Geeks and God Co-Host
www.mustardseedmedia.com

Hey yeah it works in Firefox

Hey yeah it works in Firefox and Safari just that I happened to be in IE7 earlier... depends what sort of mood I'm in :)

Some church website showcases

Hey guys - thanks for the great info about faith and technology. Here are a couple of showcases of church web sites that are pretty cool.

http://churchbeauty.com/
http://coolchurchwebsites.com/

Thanks for the links. Im

Thanks for the links. Im always enjoy checking out other church sites.

video about color?

Hi
As I was listening to this episode I couldn't wait to see the presentation about design (colors) you mentioned to link in here. Where can I find it?

video and slides

oops. Meant to include that in the notes. The slides are at http://acko.net/blog/design-presentation-slides and the video is at http://video.google.com/videoplay?docid=4892104132.... Hope this helps.

Matt Farina
Geeks and God Co-Host
www.mattfarina.com

Matt Farina
Geeks and God Former Co-Host
www.mattfarina.com