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.

21 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
  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 /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.
    2. 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. 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...

  4. 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.

      --
      /. ++
  5. 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.
  6. 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?

  7. 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.

  8. 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
  9. 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.

  10. 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...

  11. 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.