Page 2 of 2

Posted: Thu Jun 21, 2007 7:29 pm
by alex.barylski
I finally switched...and like everyone has said...it's much nicer once you get basics...

There are still some caveats which maybe are addressable by CSS gurus...

1) Vertcial centering
2) Faux columns - it was less hack-ish using tables
3) resizing fluid designs doesn't quite render how it did with tables - again maybe it's me

I would much rather the font, colors, background, etc to a CSS file than hand code that garbage...makes theming, etc much easier. :)

Posted: Thu Jun 21, 2007 8:03 pm
by superdezign
It takes getting used to. I've put more than my share of time into researching all the little CSS pitfalls and such.

1) Vertical centering is, indeed, not exactly possible through pure CSS unless you give a set top and bottom padding/margin to "fake" it. The more you do though, the less necessary it'll even seem.

2) Depending on the way you do columns in CSS, it will hardly seem "hackish" at all.

3) Tables could be automatically sized. In CSS, you define the design, not the browser.

Posted: Thu Jun 21, 2007 8:45 pm
by smudge
umm, no one's answered my request yet:
smudge earlier wrote:Maybe you could point me to some exceptionally designed websites to examine the 'proper' way to design.
I understand many of the points you guys are discussing, but it would help me a lot more to see an excellent example. I'm more of a visual guy :D

Posted: Thu Jun 21, 2007 8:52 pm
by Benjamin

Posted: Fri Jun 22, 2007 12:51 am
by matthijs
http://www.456bereastreet.com/
http://veerle.duoh.com/

And as an example of what is possible with CSS, take a look at the csszengarden
However, the csszengarden should be seen only as an example of what can be done. Semantically, the HTML is not very good. That is a consequence of the fact that the project was started at a time that css wasn't used at all and for the goal of the project a lot of extra, nonsemantic html "hooks" were added.

For my own site(s) I now have done a few redesigns/re-aligns, and almost haven't had to touch my HTML at all. Just take the css file, start changing the rules. That is one example of when a solid foundation pays off.

Posted: Fri Jun 22, 2007 12:56 pm
by RobertGonzalez
Here's a test for you all that I am in the midst of testing...

Download several screen reading browsers. Install them. As you test your markup in several browsers, fire up the screen reader, turn your monitor off and test your site.

Semantic and accessible markup are harder to achieve than most think. If you don't believe it, try it, and see how the markup you are using to develop sites affects those with disabilities that would like to use your site.