Slashdot Mirror


Spring into HTML and CSS

Simon P. Chappell writes "One of the perks of regular book reviewing is that, periodically, you'll check your mail box and discover a book waiting for you. A serendipitous surprise! I don't review all such books that I receive, but this one, Spring Into HTML and CSS by Molly E. Holzschlag, stood out from the crowd and I felt that I should share my thoughts on it with you." Read on for Chappell's brief review. Spring into HTML and CSS author Molly E. Holzschlag pages 316 (18 page index) publisher Addison Wesley rating 9.5 out of 10 reviewer Simon P. Chappell ISBN 0131855867 summary A great book for learning or upgrading your current skills.

Who's it for?

This seems a very clearly targeted book. It's directed towards professionals that need to work with websites, but do not necessarily have a software development background.

The Good Stuff

The approach of the book reflects the targeted audience very well. The book starts by introducing a basic HTML page and then building upon it by showing how to add text and graphic content. The next couple of chapters then show a few more advanced subjects like forms and tables. The second half of the book then moves into explaining CSS, starting with some of the basic ground rules and then moving into applying colours, styles and borders to the HTML document. The last chapter is a cookbook of classic layouts, explained clearly and with code.

Even though I'm not a typical member of the intended audience, I found the organisation of the book very well thought-out and with a good sense of flow. Each chapter builds on the preceding one, with a small set of examples that are built up through the course of the book. Each chapter is broken into one or two page "chunks," as the book itself describes them. These chunks are small discrete explanations of aspects that the chapter covers. For example, in the chapter on images, the chunks cover topics like adding alternative text to an image, specifying its height and width and using an image in a hyperlink.

For me, the combination of the chunk organisation and Molly's writing makes the book. The chunked approach fits the needs of both learning a new subject without being overwhelmed and those that want more of a reference capability. This book is not written to be a reference work, but with everything being so well partitioned, it comes close enough to meet my need for a good reference work as well. Some authors tell you about their subject, but Molly really does seem to explain it to you. A subtle difference, but one that gives this book the edge.

As a book that aims to be practical, the examples were very well chosen. There are plenty of pieces of example markup and images of the resulting rendering. The markup is nicely laid out and the images are large enough to show the effect, but not so large as to interrupt the flow of the explanation. The other nice thing about the examples, especially in the CSS section of the book, is that the examples are consistent. The same portion of text, from The Black Cat by Edgar Allen Poe, is used throughout. I found that this helped clearly show the difference between the effects being taught. The text stayed the same, only the layout changed with the new style being shown. Very effective.

Groan!

My first inclination when I saw that the book was part of a new series called "Spring into ..." was to groan and wonder when they were planning to fire the marketing non-genius that dreamt up such a bad title! Thankfully the contents more than make up for the corny name. The only other thing that bugged me was the inclusion of two appendixes with HTML and CSS reference information in them. The references are annotated very well with practical considerations, so I'm only going to knock off half a point from what would otherwise have been a perfect ten.

You can purchase Spring into HTML and CSS from bn.com. Slashdot welcomes readers' book reviews -- to see your own review here, read the book review guidelines, then visit the submission page.

36 of 131 comments (clear)

  1. HTML and CSS? On Slashdot? by Anonymous Coward · · Score: 5, Interesting

    Maybe the Slashdot editors should take some advice here.

    1. Re:HTML and CSS? On Slashdot? by warriorpostman · · Score: 4, Informative

      The alistapart web site is EXCELLENT. It's a good demo of how to take inline-style-bloated markup and convert it into something much more streamlined.


      Unfortunately, in the web projects that I work on, I see nested tables ALL over the place, and it's like pulling teeth to get some of my co-workers to stop inlining style everywhere, and nesting tables instead of retooling the layout using CSS.

    2. Re:HTML and CSS? On Slashdot? by podperson · · Score: 3, Interesting

      After tooling up a dynamic site from scratch to use CSS to do simple stuff like boxes and then running it past folks for usability and layout -- I ended up re-implementing it as a bunch of nested tables.

      Worked on more browsers.
      Was far simpler to work with.
      Looked better.

      Sad.

    3. Re:HTML and CSS? On Slashdot? by timothyf · · Score: 3, Insightful

      I'd say it depends on what you're trying to accomplish. There are still things that you can do with tables that you can't quite do with CSS, though the number of these are dwindling. IMHO, if you have to use a table for layout, it should be the most minimal table you can use, with the rest of the presentation loaded from CSS. Handwaving about CSS as a panacea doesn't solve anyone's problems.

    4. Re:HTML and CSS? On Slashdot? by timothyf · · Score: 4, Informative

      Try to mimic the behavior of valign="bottom" on a td tag using CSS with a container of variable height. To the best of my knowledge, it can't be done without tables (or by cheating and applying a display: table-cell style rule to the container, which is not supported by IE) or using a Javascript hack. Complex grid-like layouts, where your content doesn't fit into a nice 3 column layout with a header and footer--basically anything where you've got to have things align with each other vertically--require tables to work. Tables will also 'give' when the content would normally overflow a fixed-width div. Granted, most sites don't need it, but that doesn't mean that tables for layout can't be an acceptable solution under some situations. See also http://www.mezzoblue.com/archives/2004/05/15/table s_oh_th/index.php For the record, I advocate using CSS over Layout Tables whenever possible, but I'm not dogmatic about it either.

    5. Re:HTML and CSS? On Slashdot? by bigbigbison · · Score: 3, Informative

      They are working on it.

      --
      http://www.popularculturegaming.com -- my blog about the culture of videogame players
    6. Re:HTML and CSS? On Slashdot? by jbellis · · Score: 2, Insightful

      yes, everybody knows about czg these days, and it's been posted at least twice in this /. discussion alone.

      and in a world where well over 80% of people still use IE, you're a damn idiot to post "it works in firefox, just get all your users to switch."

    7. Re:HTML and CSS? On Slashdot? by Wantok · · Score: 2, Insightful

      cheating and applying a display: table-cell style rule to the container, which is not supported by IE

      er... using the universally-agreed standard is "cheating", because a 7-year-old browser is too broken to support it?

      riiight.

      --
      mi save tingting long peles bilong mi long Niu Ailan.
  2. This is a bad thing? by Elyscape · · Score: 5, Interesting
    The only other thing that bugged me was the inclusion of two appendixes with HTML and CSS reference information in them.
    I fail to understand how this is a bad thing. Could someone explain?
    --
    I own itburns.net. What should I put there?
    1. Re:This is a bad thing? by suresk · · Score: 2, Interesting

      Presumably because this sort of information (updated, too) can be easily found online. Sticking it in a book only serves to make the book look thicker and perhaps justify a higher price.

      I don't really care though, if the contents of the book alone are good, no need to knock it for including reference information.

    2. Re:This is a bad thing? by /ASCII · · Score: 3, Insightful

      Why pay good money for a dead tree-version of something that will soon be obsolete when it is available through the Internet, and alway up to date?

      --
      Try out fish, the friendly interactive shell.
    3. Re:This is a bad thing? by StandardDeviant · · Score: 4, Insightful

      Because not everyone wants to read documentation on a screen. Some people like to have a book open next to their keyboard, some want something they can read on the train, in a plane, etc. Dead trees also have no need for power adaptors or batteries. Neither dead trees nor e-docs are better than the other, they're just different.

  3. Knowing HTML + CSS != Good Web Design by CyricZ · · Score: 2, Interesting

    Just knowing HTML and CSS does not result in web pages that are easy to use and accessible. That is something that can't be learned directly from a book. It takes a certain intuition to be able to design web pages that truly perform.

    Anyways, does this book cover XHTML at all? And what about CSS 2.0? I get the feeling from this review that this book is somewhat outdated, and does not cover such topics. I hope I am wrong in such assumptions.

    --
    Cyric Zndovzny at your service.
    1. Re:Knowing HTML + CSS != Good Web Design by telbij · · Score: 3, Interesting

      Just knowing HTML and CSS does not result in web pages that are easy to use and accessible.

      Of course not, it takes a professional to know all that stuff. This book is not for a professional, in fact the reviewer mentions that right off the top.

      Anyways, does this book cover XHTML at all? And what about CSS 2.0?

      Seeing as how Molly Holzschlag is a member of the Web Standards Project, I'd assume she's presenting up-to-date information.

      That said, I remember Molly's articles in Web Design Techniques back in the day, and found them to be very fluffy and a bit self-important. Hopefully she doesn't come off that way in a how-to book such as this.

    2. Re:Knowing HTML + CSS != Good Web Design by De+Lemming · · Score: 3, Informative

      According to the Amazon description, this book covers HTML 4, XHTML 1, and CSS 2.1...

  4. Better Web Standards Book by cruppel · · Score: 5, Informative

    I reccommend http://www.zeldman.com/ for all your web-standards reading. He's even re-worked Slashdot using current web standards.

    1. Re:Better Web Standards Book by matt+me · · Score: 4, Insightful

      zeldman.com very cool-looking site, beautiful beige and green tones, but just like alistapart.com the styling falls short because of it's use of a fixed pixel width - in a large resolution (esp wide screen of dual head), it's width capped at around 800 pixels means it looks stupid as a narrow bar down the centre of your screen, wasting useful space, and on a narrow resolution, you have to scroll horizontally. worse still if you increase the relative text size, the width doesn't grow, so you end up with very few words visible despite all the avaliable space...

    2. Re:Better Web Standards Book by prockcore · · Score: 2, Interesting

      in a large resolution (esp wide screen of dual head), it's width capped at around 800 pixels means it looks stupid as a narrow bar down the centre of your screen, wasting useful space

      You're the one who seems to be running your browser full screen.

      It's a browser window, not a browser desktop. The width of a column is inversly proportional to ease of reading.

      Until someone comes up with an easier way to do multi-column text, a fixed width is going to be required.

      It doesn't matter what resolution I'm at.. my browser window is always roughly the same size. Certainly never wider than it is tall... that's just a waste.

  5. It's about time... by Nytewynd · · Score: 5, Funny

    Thank goodness someone wrote a book about HTML and CSS development. There aren't enough free sites on the internet to teach you this stuff already.

    The best place to advertise this is probably /. too. Most of the readers here are probably novice developers with only basic knowledge of HTML if any at all.

    --
    /. ++
    1. Re:It's about time... by ImaLamer · · Score: 5, Insightful

      To be fair, it's not easy writing HTML/CSS on the screen while having a million tabs/windows open trying to hunt down the information you need.

      Reference material sometimes just needs to be held in your hand. Not to mention that /. readers will likely promote this book to their in-laws who beg to know how to write/design tiny, no purpose websites. It will save a few weekends for a bunch of us.

    2. Re:It's about time... by Nytewynd · · Score: 3, Insightful

      To be fair, it's not easy writing HTML/CSS on the screen while having a million tabs/windows open trying to hunt down the information you need.

      I can probably google what I need and find an example before I'd find it in the book with the index. I know what you mean about having a reference handy, but it seems that since Google, I haven't touched a single one of my reference books. All that LISP book does is collect dust these days. I don't even want to think about what might be growing on my Computer Architecture book.

      --
      /. ++
    3. Re:It's about time... by prockcore · · Score: 2, Interesting

      I can probably google what I need and find an example before I'd find it in the book with the index.

      I'd agree with that, for everything *except* html/css and javascript.

      There's so much crap out there that you'll have to wade through thousands of pages of improper CSS and javascript before you find someone who knows what they're talking about.

      Just try it.. google for the XMP tag.. tell me what it does. After 500 pages that say "it's like the PRE tag" you *might* find one that tells you that the browser passes through any tags between XMP tags. (Making it very useful to give html examples without a bunch of < entities)

  6. My Favorite HTML/CSS Book by smackjer · · Score: 5, Interesting

    Designing with Web Standards by Jeffrey Zeldman. By far the most useful and informative book on the subject that I've seen. A good web designer needs to know the "why", not just the "how".

    --

    This is my sig. There are many like it, but this one is mine.
    1. Re:My Favorite HTML/CSS Book by faust2097 · · Score: 2, Informative

      Zeldman's book is good if you need to convince your boss that it's a good idea but it's alittle short on the "meat" part. He's a great writer though.

      If you're really interested in learning about CSS it's best to go straight to the source [literally, these guys helped develop the spec] and get Bert Bos and Hakon Lie's Cascading Style Sheets: Designing for the Web , it's by far to most detailed and even goes into the design reasons behind a lot of the decisions made when CSS was developed. There's a new version out now, but if you've got another source about browser support and you ignore the irrelevant WebFonts and Aural stylesheet section the second edition is pretty much the same book but probably loads cheaper.

      This book and the O'reilly XHTML book are the most useful technical references I've ever used.

  7. Wait... by Giant+Space+Hamster · · Score: 5, Insightful

    The only other thing that bugged me was the inclusion of two appendixes with HTML and CSS reference information in them. The references are annotated very well with practical considerations, so I'm only going to knock off half a point from what would otherwise have been a perfect ten.

    Wait, why is including reference material a negative? Isn't that an advantage to the user, all relevant information collected in one place?

  8. Sounds very basic... by inkdesign · · Score: 4, Informative

    Based on the review, it sounds like this covers topics so basic; one would be better served by a resource such as w3schools, or something along those lines. I recommend the Zen of CSS Design, which I found to be a great read for those who have gotten the basics down.

  9. It's about time by ChrisF79 · · Score: 4, Funny

    (begin sarcasm)
    Wow, it's about time someone wrote a book about HTML and CSS. I went to the Barnes and Noble and couldn't find a single one on the subject. Are they trying to keep this stuff a secret?
    (end sarcasm)

    --
    Finance tutorials and more! Understandfinance
  10. Targeted? by jkliff · · Score: 2, Funny

    This seems a very clearly targeted book. It's directed towards professionals that need to work with websites, but do not necessarily have a software development background. And how is this supposed to be "clearly targeted"?

  11. Hey, when you are done.... by wowbagger · · Score: 2, Funny

    Hey, when you are done with the book, how about you send it on to someone who needs it?

  12. Izzat So? by lheal · · Score: 2, Interesting

    Usually I dislike details about a reviewer being included in a review, but:

    Even though I'm not a typical member of the intended audience, I found the organisation of the book very well thought-out and with a good sense of flow.

    The reviewer doesn't say what his background is, so it's hard to judge his claim not to be a typical member of the intended audience. Claiming it without some explanation makes me wonder what he means, and even why I should read on.

    Perhaps he found the organization of the book well thought out because he's atypical?

    --
    Raise your children as if you were teaching them to raise your grandchildren, because you are.
  13. My personal favourite reference by jb.hl.com · · Score: 2, Informative

    Index dot CSS
    Index dot HTML

    Just the facts for me...

    --
    By summer it was all gone...now shesmovedon. --
  14. Re:Knowing HTML by smackjer · · Score: 2, Informative

    No, structure is defined in the HTML (or XHTML). CSS defines how you present that structure (the design).

    Content is independent of both structure and design.

    --

    This is my sig. There are many like it, but this one is mine.
  15. Re:The problem with big words by kfg · · Score: 2, Funny

    I believe that the author was refering to the contents of the package, i.e. a book.

    Now who woulda thunk that a book might end up in a package sent to a book reviewer? Clearly the universe works in mysterious ways.

    KFG

  16. quirksmode.org by t_allardyce · · Score: 4, Informative

    http://quirksmode.org/

    Amazing site, this guy has done some painstaking cross-browser testing for JavaScript, CSS and HTML and come back with compatibility tables and recommendations for everything from the basic box model (how browsers managed to fuck this up i don't know) to robust JavaScript that doesn't use crappy "if browser equals X" statements. Working with HTML/CSS and JS is highly painful if your project specifies that it must look _good_ in all browsers, so any tricks you can learn will save your life.

    --
    This comment does not represent the views or opinions of the user.
  17. Molly is Cool by airship · · Score: 2, Informative

    Molly is an amazing writer, and she really knows web design. When I got busy and couldn't update my book "Special Edition: Using HTML 4", Molly took it over and reworked it from the ground up into a much better book. And she's not only a great web designer and writer, she's a fantastic human being. Check out her site at http://www.molly.com/

    --
    Serving your airship needs since 1995.
  18. Re:HUH by weslocke · · Score: 2, Informative

    Main Entry: serendipitous
    Pronunciation: "ser-&n-'di-p&-t&s
    Function: adjective
    : obtained or characterized by serendipity
    - serendipitously adverb

    Main Entry: serendipity
    Pronunciation: -'di-p&-tE
    Function: noun
    Etymology: from its possession by the heroes of the Persian fairy tale The Three Princes of Serendip
    : the faculty or phenomenon of finding valuable or agreeable things not sought for


    Therefore it was a nice surprise finding it in the mailbox since he hadn't requested it from the publisher.

    His use was just fine.

    webster.com, people.

    --

    'Life is like a spoonful of Drain-O, it feels good on the way down but leaves you feeling hollow inside'