






Spring into HTML and CSS 131
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 StuffThe 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.
HTML and CSS? On Slashdot? (Score:5, Interesting)
Re:HTML and CSS? On Slashdot? (Score:1, Informative)
Re:HTML and CSS? On Slashdot? (Score:4, Informative)
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.
Re:HTML and CSS? On Slashdot? (Score:4, Interesting)
Worked on more browsers.
Was far simpler to work with.
Looked better.
Sad.
Re:HTML and CSS? On Slashdot? (Score:1, Insightful)
Re:HTML and CSS? On Slashdot? (Score:3, Insightful)
Re:HTML and CSS? On Slashdot? (Score:1)
Re:HTML and CSS? On Slashdot? (Score:4, Informative)
Re:HTML and CSS? On Slashdot? (Score:2)
http://www.csszengarden.com/ [csszengarden.com]
CSS Zen Garden is an extensive collection of sites designed and manufactured entirely with CSS. One caveat: most of the more intricate styles do not work well, or at all, on any other browsers besides Firefox (yet another reason to switch). If you are designing for a company intranet where the browser can be controlled by the IT department, then I'd recommend using CSS to it'
Re:HTML and CSS? On Slashdot? (Score:3, Insightful)
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."
Re:HTML and CSS? On Slashdot? (Score:2)
But that's not what he said at all. He said (to paraphrase) if you're designing for an environment where you have control of your users browser platform, then using CSS makes sense. Otherwise you'll have headachces dealing with CSS browser issues. It would have been more clear had he broken the two seperate thoughts into distinct paragraphs, but his point was still pretty clear.
Re:HTML and CSS? On Slashdot? (Score:1)
Re:HTML and CSS? On Slashdot? (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.
Re:HTML and CSS? On Slashdot? (Score:2)
Or just not doing your job.
Now, as to whether it's fair that we should have to produce broken, sketchy, brain-damaged code to support an ancient, obsolete and crumbling browser that's nevertheless obstinately squatting on the web browser market, impeding the development of the entire world wide web... no, it's not fair.
But then since when was
Re:HTML and CSS? On Slashdot? (Score:1)
my preferred approach is to use CSS progressive enhancement, with IE-specific CSS hacks where necessary, so my sites look great and work perfectly in modern browsers, and look reasonable and are at least functional in IE.
as for accessibility, i couldn't agree more that it's what the web is about. but we're talking about cosmetics here - vertical alignme
Re:HTML and CSS? On Slashdot? (Score:2)
It's hilarious the backwards hoops folks jump through trying to do nice footers (for dynamically generated content) using css.
It's all very well to create static pages that look like works of art (e.g. csszengarden) but you can put a footer across the bottom of a 3 column layout trivially using a table, and -- if you're very persistent -- using rocket science level css which depends on the order the content appears in in the page (which is surely one of the main things css was supposed to avoid).
Re:HTML and CSS? On Slashdot? (Score:2)
At least in a table when you say cellpadding="2" all the current browsers get it right, unlike CSS "padding" where some include it in the width and some don't and you have to rely on broken parser hacks to get them straight.
There's doing it right... and doing it the hard way.
Re:HTML and CSS? On Slashdot? (Score:1)
Ah, but the answer is staring you in the face. For each nested table your co-workers use, extract one of their teeth. For each FONT tag, kill them. Should solve the problem in no time! (although your workload may see a slight increase)
Hey, at least they're not using Frontpage..
Re:HTML and CSS? On Slashdot? (Score:1)
although your workload may see a slight increase
With fewer nested tables and FONT tags, I don't think it'll increase.
Re:HTML and CSS? On Slashdot? (Score:4, Informative)
This is a bad thing? (Score:5, Interesting)
Re:This is a bad thing? (Score:1)
Re:This is a bad thing? (Score:1, Funny)
Re:This is a bad thing? (Score:2, Interesting)
I don't really care though, if the contents of the book alone are good, no need to knock it for including reference information.
Re:This is a bad thing? (Score:4, Insightful)
Re:This is a bad thing? (Score:5, Insightful)
Re:This is a bad thing? (Score:1)
Re:This is a bad thing? (Score:1, Troll)
"soon be obsolete"? Define soon. Maybe there are projects waiting that could be up and earning income within a couple days of receiving this information formatted in easy to digest "chunks" - do you promise it will be online as-is, and if so, when?
"alway (sic) up to date"? please...
The only thing worse is that some lazy butt bunch of mods dropped "insightful" points on your low-uid self.
The only thing missing is the dre
Re:This is a bad thing? (Score:2)
Re:This is a bad thing? (Score:1)
Some things do last (Score:2)
You're assuming that HTML will continue to be totally re-invented at regular intervals, the way it has in the past. But that's something that has to change, and Molly Holzschlag happens to be one of the people trying to change it. I haven't seen this book (though I have to say that I've been disappointed by some of her previous books) but I think its safe to say that anything MH writes will be standards-driven, and thus unlikely to be o
Knowing HTML + CSS != Good Web Design (Score:2, Interesting)
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.
Re:Knowing HTML + CSS != Good Web Design (Score:1)
Re:Knowing HTML + CSS != Good Web Design (Score:2)
Re:Knowing HTML (Score:2)
Re:Knowing HTML (Score:3, Informative)
Content is independent of both structure and design.
Re:Knowing HTML + CSS != Good Web Design (Score:4, Interesting)
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 [webstandards.org], 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.
Re:Knowing HTML + CSS != Good Web Design (Score:1)
You should also be familiar with authoritative resources [w3.org] for issues like accessibility.
You can learn HTML [w3schools.com], CSS [w3schools.com] and much more on line.
If you choose to go-it-alone, you might wind up as a clueless website author. [evpc.biz]
Re:Knowing HTML + CSS != Good Web Design (Score:4, Informative)
Re:Knowing HTML + CSS != Good Web Design (Score:1)
The Slashdot article I read was about a book called "Spring into HTML and CSS". It said *nothing* about web design. Don't know what the book was called in your universe, though.
Re:Knowing HTML + CSS != Good Web Design (Score:1)
You cannot make tables streach to bottom of page, because html, body {width: 100%} is not supported and I think you cannot use the target= attribute.
The only advantage that I can see is that you web page will have street cred (this is useful if you are sellin
Better Web Standards Book (Score:5, Informative)
Re:Better Web Standards Book (Score:2)
Read the author line for the article. That was written by Daniel M. Frommelt. Zeldman is just one of the editors for ALA and writes once in a while, he doesn't write everything there.
Re:Better Web Standards Book (Score:1)
I remember reading that article when it was published almost two years ago, and Slashdot still haven't embraced web-standards, even for alleviating their bandwidth bills -- a cool $3,600 a-year saving if they followed that article.
Re:Better Web Standards Book (Score:4, Insightful)
Re:Better Web Standards Book (Score:1)
Re:Better Web Standards Book (Score:3, Interesting)
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..
Re:Better Web Standards Book (Score:2)
div#contents {
margin: 0 auto;
max-width: 48em;
min-width: 12em; }
* html div#contents {
width: 48em;
If you want to support IE as well, a simple bit of JavaScript will do the trick. See this site [stnics.org] for an example.
Re:Better Web Standards Book (Score:1)
It's about time... (Score:5, Funny)
The best place to advertise this is probably
Re:It's about time... (Score:5, Insightful)
Reference material sometimes just needs to be held in your hand. Not to mention that
Re:It's about time... (Score:4, Insightful)
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.
Re:It's about time... (Score:3, Interesting)
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
Re:It's about time... (Score:2)
I too think this book is way off target for the slashdot audience.
Re:It's about time... (Score:2)
Re:It's about time... (Score:1)
XHTML [w3.org]
CSS [w3.org]
Re:It's about time... (Score:2)
Happy Troll Tuesday!
My Favorite HTML/CSS Book (Score:5, Interesting)
Re:My Favorite HTML/CSS Book (Score:3, Informative)
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 [amazon.com], 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 ver
Re:My Favorite HTML/CSS Book (Score:1)
Re:My Favorite HTML/CSS Book (Score:2)
Re:My Favorite HTML/CSS Book (Score:1)
Re:My Favorite HTML/CSS Book (Score:1)
I much prefer (Score:2)
Re:My Favorite HTML/CSS Book (Score:2)
Re:My Favorite HTML/CSS Book (Score:2)
Wait... (Score:5, Insightful)
Wait, why is including reference material a negative? Isn't that an advantage to the user, all relevant information collected in one place?
Re:Wait... (Score:2)
It can be done well, or it can be done poorly. In a book on a foreign language, I expect a dictionary section at the back, even though all the foreign word are already scattered throughout the book.
OTOH, a math book whi
Re:Wait... (Score:2)
Opportunity cost [wikipedia.org].
Sounds very basic... (Score:5, Informative)
It's about time (Score:4, Funny)
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)
Re:It's about time (Score:1, Funny)
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)
Wow, about time someone finally decided to tag very hidden sarcasms. The joe-user filled population of slashdot wouldn't have noticed it!
Targeted? (Score:2, Funny)
Hey, when you are done.... (Score:2, Funny)
Izzat So? (Score:3, Interesting)
Usually I dislike details about a reviewer being included in a review, but:
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?
Spring? (Score:2)
Unqualified (Score:2)
Re:Unqualified (Score:2)
Also, the link you gave for my blog is actually my personal website http://www.simonpeter.com/ [simonpeter.com] my blog is hosted at blogspot. http://uab.blogspot.com/ [blogspot.com]
Re:Unqualified (Score:2)
Exactly the same part that would make me unqualified to review a book on object-relational DBMSs (stab in the dark - I don't know what your specialism is beyond OOP about which I also have quite a bit of experience, both as a practitioner - I've also been a technical lead in the industry, myself on C++ projects - and a researcher), or that
My personal favourite reference (Score:3, Informative)
Index dot HTML [blooberry.com]
Just the facts for me...
Reference card? (Score:2)
quirksmode.org (Score:5, Informative)
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.
Re:quirksmode.org (Score:1)
Re:quirksmode.org (Score:2)
Molly is Cool (Score:3, Informative)
Besides the obligatory... (Score:1)
To all of the people commenting on "serendipitous" (Score:1)
For example, if I say "you have a good face for radio", the humor is that the real meaning of the sentence is not the same as the straightforward meaning.
It was funny. Laugh.
When I first read the title... (Score:1)
Why isn't anyone (Score:1)
Re:HUH (Score:1)
Not what the author seems to think it means. I hope he doesn't use that word a lot.
KFG
Re:HUH (Score:3, Informative)
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 publ
Re:HUH (Score:1)
The relationship is causal and happens often enough, by the author's own admission (since this is the way things work, most books for review arrive unsolicited), that the author expects it to happen.
If I jump out of an airplane the arrival of the ground may surprise me, but it is not serendipitous. The fortuitous arrival of a haytruck right underneath me at just the right time would be.
Inheriting a
Re:The problem with big words (Score:2, Funny)
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
how the universe works (Score:2)
What's more, mysteriously the universe works in clear ways.
-kgj
Re:The problem with big words (Score:1)
He couldn't have possibly meant it humorously.
Re:The problem with big words (Score:1)
Can you give us an example of that?
Re:uh.... (Score:2)
What if it's an unexpected package? From an estate attorney? That could easily be a serendipitous event.
Re:uh.... (Score:2)