Comments on: The end of the world is nigh! CSS is here! http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/ Wed, 08 Oct 2008 11:25:32 +0000 http://wordpress.org/?v=2.6.2 By: meghan's dolphin http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11133 meghan's dolphin Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11133 <trackback /><strong>CSS Reference</strong> New Perspectives on Creating Web Pages with HTML and DHTML, 2nd Edition by Patrick Carey, Mary Kemper I use this as the text for a DHTML class I teach. Chapter 7 (as well as the rest of the book) is... CSS Reference
New Perspectives on Creating Web Pages with HTML and DHTML, 2nd Edition by Patrick Carey, Mary Kemper I use this as the text for a DHTML class I teach. Chapter 7 (as well as the rest of the book) is…

]]> By: Faraway, So Close http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11132 Faraway, So Close Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11132 <trackback /><strong>Designing With Standards</strong> Mezzoblue's CSS Crib Sheet offers a bunch of quick tips to follow when designing using CSS (Cascading Style Sheets). Don't know what CSS is? This will get you started. It's a great way to design a site so that you... Designing With Standards
Mezzoblue's CSS Crib Sheet offers a bunch of quick tips to follow when designing using CSS (Cascading Style Sheets). Don't know what CSS is? This will get you started. It's a great way to design a site so that you…

]]> By: Gary http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11131 Gary Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11131 "it's where (and how) do I begin to APPLY it" Jennifer, I don't know how you learn (generally speaking) but I can share what's been working for me as I wade into CSS. Considering that your description of your frustration seems very similar to mine, it may help. It may not. I'd suggest starting in the same place you used to -- print out the design. My initial frustrations all came from not getting my head around containers and inheritance and how they work(ed) together. Now, I consider what holds the entire page together. Then I look at specific areas on the page and see them in terms similar to the old tables. Just as a table cell used to be contained in a table itself, so now does a particular div or span find itself within a superior div or its equivalent. Draw your gridlines and sketch in the separations and then find the uppermost defining detail or range of space. Then sort out what goes inside that and work your way down to the smallest details. Before you know it, you'll be seeing divs for sidebars and footers and menus and images and swaps ... and well, it'll begin to make more sense. It's helping me. Slowly, but it's helping. "it's where (and how) do I begin to APPLY it"

Jennifer, I don't know how you learn (generally speaking) but I can share what's been working for me as I wade into CSS. Considering that your description of your frustration seems very similar to mine, it may help. It may not.

I'd suggest starting in the same place you used to — print out the design. My initial frustrations all came from not getting my head around containers and inheritance and how they work(ed) together.

Now, I consider what holds the entire page together. Then I look at specific areas on the page and see them in terms similar to the old tables. Just as a table cell used to be contained in a table itself, so now does a particular div or span find itself within a superior div or its equivalent.

Draw your gridlines and sketch in the separations and then find the uppermost defining detail or range of space. Then sort out what goes inside that and work your way down to the smallest details. Before you know it, you'll be seeing divs for sidebars and footers and menus and images and swaps … and well, it'll begin to make more sense.

It's helping me. Slowly, but it's helping.

]]> By: Ginny http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11130 Ginny Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11130 Howdy! I feel the same way about migrating to CSS and I've found Jeffrey Zeldman's book <a href="http://www.amazon.com/exec/obidos/ASIN/0735712018/ref%3Dnosim/jeffreyzeldmanprA/103-0378178-8692641" target="_blank">Designing With Web Standards</a> to be right on. He's the founding member or one of them for A List Apart. Good luck! Howdy! I feel the same way about migrating to CSS and I've found Jeffrey Zeldman's book Designing With Web Standards to be right on. He's the founding member or one of them for A List Apart. Good luck!

]]> By: lucidwolf http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11129 lucidwolf Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11129 I feel like I just got comfortable with tables and now there are these div things I gotta learn too. Rounded corners with tables I can do, CSS rounded corners seems like a migraine in waiting. Well ok it's not that bad; it is exciting learning all the cool sounding things like DHTML and XHTML. It is nice being able to makeup your own tags. Any way this is a really cool site I recently found dedicated to CSS design. <a href="http://www.alistapart.com" target="_blank">www.alistapart.com</a> Enjoy! I feel like I just got comfortable with tables and now there are these div things I gotta learn too. Rounded corners with tables I can do, CSS rounded corners seems like a migraine in waiting. Well ok it's not that bad; it is exciting learning all the cool sounding things like DHTML and XHTML. It is nice being able to makeup your own tags.
Any way this is a really cool site I recently found dedicated to CSS design. http://www.alistapart.com
Enjoy!

]]> By: Gina http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11128 Gina Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11128 These are great resources and tips, thank a bunch! I too am trying to break the HTML table addiction. I've been a web designer for years and I knew all the table tricks. Now I want to know CSS that well. I'm subscribing to this thread. Thanks again! These are great resources and tips, thank a bunch! I too am trying to break the HTML table addiction. I've been a web designer for years and I knew all the table tricks. Now I want to know CSS that well. I'm subscribing to this thread. Thanks again!

]]> By: Rev. Bob http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11127 Rev. Bob Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11127 There's two steps to the process (imho): understanding XHTML and CSS, and then getting around to actually doing it. For the former, I have a huge set of links stored in various places. Here's a few places: <ul> <li><<a href="http://web-building.crispen.org/">http://web-building.crispen.org/</a>> - this is the wreckage of the former page, not ready for public consumption, but a couple of the links (including "Simple HTML") are good.</li> <li><<a href="http://blog.crispen.org/">http://blog.crispen.org/</a>> - search for "css"</li> <li><<a href="http://del.icio.us/revbob/css">http://del.icio.us/revbob/css</a>> - My CSS links, mostly unprocessed, at del.icio.us</li> </ul> That will give you a huge pile of interesting articles and gadgets. If you're anything like me, you'll still be completely at a loss about how to get started. That's where the next part comes in. Russ Weakley's "Colored Boxes": <<a href="http://www.maxdesign.com.au/presentation/process/">http://www.maxdesign.com.au/presentation/process/</a>> reveals a wonderful XHTML/CSS development process that you can actually use. I say a few words about it in my blog: <<a href="http://blog.crispen.org/archives/000288.html">http://blog.crispen.org/archives/000288.html</a>> There's two steps to the process (imho): understanding XHTML and CSS, and then getting around to actually doing it.

For the former, I have a huge set of links stored in various places. Here's a few places:

That will give you a huge pile of interesting articles and gadgets. If you're anything like me, you'll still be completely at a loss about how to get started. That's where the next part comes in.

Russ Weakley's "Colored Boxes": <http://www.maxdesign.com.au/presentation/process/> reveals a wonderful XHTML/CSS development process that you can actually use.

I say a few words about it in my blog: <http://blog.crispen.org/archives/000288.html>

]]> By: LaVonne http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11125 LaVonne Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11125 There's an article at A List Apart that might just have your answer: http://www.alistapart.com/articles/flexiblelayouts/ There's an article at A List Apart that might just have your answer:

http://www.alistapart.com/articles/flexiblelayouts/

]]> By: thompson marzagao http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11126 thompson marzagao Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11126 Hi Jennifer, This article by Russ Weakley of MaxDesign in Australia might be what you are looking for: <a href="http://www.maxdesign.com.au/presentation/process/" target="_blank">Colored boxes - one method of building full CSS layouts</a> Hi Jennifer,

This article by Russ Weakley of MaxDesign in Australia might be what you are looking for:

Colored boxes - one method of building full CSS layouts

]]> By: Jennifer http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11123 Jennifer Tue, 30 Nov 1999 00:00:00 +0000 http://www.scriptygoddess.com/archives/2004/03/30/the-end-of-the-world-is-nigh-css-is-here/#comment-11123 These are great tips/links etc. Thank you!! :D These are great tips/links etc. Thank you!! :D

]]>