Posts in the CSS Category

Little Bundles

Published 20 years, 7 months past

Oh, sure, Kat and I have a baby and suddenly everybody wants to get in on the act.  I mean, honestly, how unoriginal can you get?

Okay, all kidding aside: our deepest and most joyful congratulations to the Zeldmans and their soon-to-be-larger family.  I can personally attest that, as many people told me, becoming parents is one of the hardest and most amazing things they will ever experience.

Carolyn happily jumps about in her 'bouncy seat', a chair suspended from a door frame and incorporating a spring so that she can bounce up and down even though she hasn't the coordination to stand yet.

Carolyn’s in the range of four and a half months old now, and appears to be developing very nicely.  She discovered her hands a couple of weeks back, and is now busily trying to sample the taste of every object she encounters.  She’s almost to the point of rolling over; she can get onto her side for a minute, and then she rolls back onto her back.  She’s also a stander: she’ll stand upright for ten or fifteen minutes, if someone’s willing to hold her steady for that long.  We put up the “bouncy seat” a couple of months early, and she absolutely loves it.  She doesn’t even sit upright yet.  The pediatrician was actually kind of impressed by the strength and head control she has at her age.

Of course, we know of a baby two weeks older than her who already has two teeth, and another that’s rolling over constantly and getting close to sitting up on his own.  So it’s not as though we have a super-baby (though she is, obviously, a super baby).  She’s just ahead of the curve in some respects, and no doubt behind in others, the same as every other baby.

All I know is, whenever she looks at me with her gray-blue eyes and she breaks into an enormous smile, I can’t help but think she’s the most perfect baby in the history of the universe… the same as any other parent.

Congratulations again to Jeff and Carrie!


15 Petals

Published 20 years, 7 months past

One of the great privileges of writing More Eric Meyer on CSS was having two wonderful technical reviewers: Porter Glendinning and Dave Shea.  Even better was the chance to have Dave create a CSS Zen Garden design, give it to me as a graphic comp, and creating the CSS needed to make it work.  I describe that process in detail in Project 10 of the book, but as a preview, the design is now available as—and here I take a deep breath to avoid giggling like a celebrity-struck schoolgirl—the one hundredth official Zen Garden design.  The photographs used in the design were all taken by me at the Cleveland Botanical Gardens, but the design itself is all Dave, baby.  Interestingly, I never told Dave where I’d taken the pictures, so the faint thematic echoes of 15 Petals and the Garden’s web site are coincidental.

I will say here and now that design #99, Wiggles the Wonderworm, is an utterly fantastic and delightful concept.  If I could, I’d switch his design with mine, so he could have the #100 slot.  Wiggles rocks my world.

As you can tell, the syndicate hasn’t yet silenced me.  In fact, I got a message from an operative deep inside their organization who says that his boss has met both Mallett and Watterson.  Obviously his boss is a part of the conspiracy.  I’ve let him know that he needs to be extra careful.  Trust no one!  I mean, look at today’s strip.  How much more C&H does it get?  Until next time, courage.


Wow, Is My Book Red!

Published 20 years, 7 months past

I got my first paper copy of More Eric Meyer on CSS this morning, so I had to accelerate my update process for the companion site; the project files are now online.  Apparently on many machines, the cover and site colors are a startling dark pink, which isn’t the intent.  On my machine, the color is a deep red, as is the actual book.  Imagine a fire engine made out of tomato soup—that’s pretty much the shade of red.

Either way, it’s still fairly startling.

It’s kind of a weird feeling to have two books come out at almost the same time.  CSS:TDG, Second Edition, arrived just two weeks ago.  Now here’s MEMOC, forming something of a weird acronym duet.  So now I have this small stack of two new books.  The covers are still shiny and creaseless.  They have that hot-off-the-presses crispness.  I almost hate to open them.  I’m always afraid I’ll break their spines, and then I won’t be able to move them any more.


Guru By Design?

Published 20 years, 7 months past

You’ve probably already seen the Gurus vs. Bloggers matchup over at Design By Fire; I quite enjoyed it, and not just because it’s funny.  I found it to be gratifying because I took a close look at the designs, and I think there’s very little doubt about it.  meyerweb’s design just screams “guru,” don’t you think?  (David Robarts does.)  I’m kind of hoping that I get into a future round of the matchup, so I can by completely demolished by the likes of Dave Shea or Doug Bowman.

Of course, I can always counter with cute pictures of Carolyn. A closeup of Carolyn lying on the floor and look out of the corners of her eyes toward the camera, with her left hand near her chin and the index finger extended into the corner of her mouth. She’s suffering through another cold, but that doesn’t seem to prevent her from being just too adorable for words.  Now, I know it isn’t the right finger, but I still can’t help thinking, “One billion dollars!”

For some reason, Kat and I like the show $40 A Day, where host Rachael Ray visits a different city each week and goes through a full day without spending more than $40 on all her meals.  One of this past weekend’s episodes had her visiting Cleveland, calling it “one of the most underrated cities in America.”  Kat and I found it fascinating to watch, getting an outsider’s perspective on the city.  We don’t have the time or space for me to enumerate everything great about this city.  Nonetheless, it was still interesting to hear words of praise from a visitor, even one hosting a show that does what are basically puff pieces about the visited cities.

It didn’t hurt that two of the three restaurants she visited were the always-excellent Tommy’s (where the waiter shown on-camera is one of those guys who’s been there forever) and Trattoria Roman Gardens down in Little Italy, not to mention spent some time at the West Side Market.  I thought the show could have done with a few less “___ ROCKS!” jokes—okay, we get it, the only song the rest of the country associates with us is “Cleveland Rocks.”  Thank you.  It’s time to move on.

Of course, I suppose I might be tired of the whole “rocks” thing because it’s a lot like having people always tell you the sky is blue.  After a while, it gets to be a little bit wearying to keep being repetitively told something you already know.


It’s On Every Channel!

Published 20 years, 7 months past

I got word yesterday that More Eric Meyer on CSS has already come back from the printers, so it ought to be available within a week or so.  Woo hoo!  I’ve put up a companion site with the table of contents; the project files will be online soon.  And yes—that really is the cover.

Speaking of books, the second edition of Cascading Style Sheets: The Definitive Guide is now available pretty much everywhere.  Over at Amazon, its sales rank has been hovering around 200 for a couple of weeks now, so that’s pretty cool.  I’ve heard from a few readers who already have their copies, and some errata reports have started to come in.  Joy!  It’s always frustrating to finish a book, because I know that the errors that got missed will immediately be spotted by all the readers.  No matter how hard we tried, some errors are going to slip through.  The perfectionist in me quails at that knowledge.

But then, releasing a new book does afford me the chance to be amused by reader reviews.  Here’s one that had me chuckling:

i understand the basics of css already, i just needed something to outline the syntax and concepts in css2 and then just function as a reference. this book did neither, and i’ve found it to be a complete waste.

Yeah, I guess you probably would.  Say it with me, sparky: “Definitive Guide.”  Not “Reference.”  It’s not an outline, and wasn’t when the first edition came out.  If you need a reference with a quick outline, you could always try the CSS2.0 Programmer’s Reference, which has, of all things, an outline of the syntax and concepts of CSS2 and provides a full property reference.  Amazing.

I know you aren’t supposed to judge a book by its cover, but sometimes you can get a little guidance from its title.

Anyone who reads Italian might be interested in an interview with me conducted by Marco Trevisan.  For those who don’t do as the Romans do, the English version should be available in the near future.

Update: Gini‘s sister is doing better, although she was evicted from the hospital even though still suffering a lot of pain.  Ferrett tells me that it looks like some of meyerweb’s readers did contribute to the support fund, and again, Kat and I both thank you for reaching out.


Leaping Fish

Published 20 years, 7 months past

As I write this entry, Cascading Style Sheets: The Definitive Guide, Second Edition is #3 on Amazon’s Computers & Internet Bestsellers list, and the book itself has a sales rank of 144.  Sweeeet.


Design Direction Dilemma

Published 20 years, 8 months past

Jason Fried, one of those savvy 37signals guys, posted recently to express some disappointment about the tone of SXSW04i.

I’d like to think I introduced new and different ways to approach common UI quandaries with  my presentation, but I left the conference looking for more. And not necessarily more presentations, but more conversation in the hallways. All I could hear was CSS CSS CSS.

…which would indicate, to me, that the job of convincing developers to use standards-oriented design is not yet complete… unless of course the “CSS CSS CSS” heard was people saying, “Jeez, I’m sick of hearing about CSS CSS CSS all the time.  We get it already.  Why can’t we hear more about X, Y, or Z?”  Which I didn’t hear, but then perhaps I wouldn’t.  If CSS-driven design still has a lot of buzz, then people are still interested in figuring it out how to better use it.

After all, table-driven design is a tool, and CSS-driven design is another tool.  All the talk about CSS is an outgrowth of the continuing effort to show why the shiny new tool is better in many ways than the old, familiar tool.  (“New” is a relative term there.)  Once you’ve figured out that it’s time to upgrade, it’s tempting to think that there’s no reason to keep promoting the new tool.  After all, you’re using it and it should be intuitively obvious to anyone that it’s the right choice.  Sadly, that’s not so.  And it should be said that the limitations in CSS layout help prolong the conversation.  There are some layouts that don’t work well, or at all, without using table markup.  There needs to be a good CSS-G (Grid) or CSS-L (Layout) defined and widely supported before we can really get on to ending all the talk about what design tool to use.

Still, I basically agree with what Jason has to say:

Web standards are great, but people’s own standards include getting things done (and that’s still too hard to do online).

UI designers are making the same old fundamental “forgetting about the human being on the other side” mistakes — except this time their code looks better. Humans — not code validators — use interfaces.

There needs to be more talk about people and goals and scenarios and tasks and clear communication and clear function. More talk about what it’s like to be a human clicking and pointing and struggling to make sense of all this “stuff” that web sites think we need to know and interfaces think we need to do.

Yes!  I was sorry that I had to miss Jason’s presentation at SXSW04i, because I’d like to learn more about making UIs work better.  I’m no usability expert, as I’m sure anyone at 37signals or UIE would be happy to confirm.  There definitely should be more talk about improving usability and design of sites.  The people who know how to do that stuff therefore need to propose and organize such panels for the next SXSW, or whatever conference they’ll be attending.  Jason did that for SXSW04i, but we need more people to do the same.

Because as long as SXSW keeps approving CSS panels, people are going to be talking about it.  If the majority of proposed design panels are about CSS, then it stands to reason that the majority of approved panels will be the same.  In some sense, I’d love to see a conference where there were so many other and more interesting panel proposals that there wasn’t room for Yet Another CSS Is Cool Panel.  Heck, I’d like to attend a conference like that, because I could really enjoy attending it instead of spending half my time and a couple of late nights worrying about what I can say on my panel without boring or confusing the audience.  (Once you count the discussions, false starts, fine-tuning, rewrites, and reworkings of the material, I spent something like ten hours preparing for my ten-minute panel segment.)

If you want the design discussion to be more about people, as I agree it should be, then it’s time to start writing articles, posting to blogs, making newsgroup posts, and presenting conference sessions about it.  It will probably take a huge heap of time, way too much energy, and a near-infinite amount of patience to get the ball rolling in the direction you want.  Of course, you won’t get paid for any of it; hell, you’ll be lucky if you’re thanked for any of it.  That’s what I and a great many other people went through to get things moving toward using standards instead of allowing sites to continue being as heavy and labrynthine as a shelf of Umberto Eco novels.  At no point did the obvious advantages of standards-oriented design sell themselves, lazy sots that they are.  It all had to be done by a group of scattered, largely uncoordinated, individually driven volunteers who took up the effort because they thought it was The Right Thing To Do.  Is it any wonder that, on occasion, we were perceived as being zealots?

I will say, standing where we are today, that for me it was all worth it.  If I’d known ahead of time what would be required, I’d never have started; and I’m sure that if I could clearly remember what was required that I’d swear never to do it again.  (I’m told that parenting is much the same.)  I don’t think the effort can be called complete, but we’re past the hardest part.  Major sites are migrating away from the bloated code of yore and reaping the benefit of simplified, semantic markup.  And it’s true that I do get paid by clients to help in that effort, although I’d like to think that the investment pays off many times over in improved page load times, reduced bandwidth consumption, faster and more efficient maintenance, and so on.  That’s true today.  For a little bit more than half a decade, it wasn’t.

To come back to my point: yes, we need to have more of a discussion about making the user’s life easier.  I’ve done and still do my part, in promoting the use of techniques—tools, if you like—that remove technical barriers to that goal (thanks to reduced page weight, et cetera).  That’s the part I know.  I hope that people in other areas of the Web design space will be willing to expend the time and energy needed to explain the parts they know.  I’d love to learn new ways to make my site better, and that can help my clients make their sites better.  I’m all about that.  I’m ready.  Let’s do it!


Thematic

Published 20 years, 8 months past

CSS seems to be the theme of late, so I’ll keep running with it and bring back the meyerweb themes of old (as several people had e-mailed to ask if I could do).  They won’t be available for the general site; instead, I’ve set up an example page where you can play with them for yourself.  As noted, some images used in the themes are copyrighted, while others are not.  The thematic styles themselves are now explicitly under a Creative Commons license, so do as you please with the styles, assuming you stay within the license terms.  Which shouldn’t be difficult; it’s a straight NonCommercial license.

Two of my favorite movie-and-music moments happen in the same film: The Matrix (which itself inspired one of the old meyerweb themes).  The first is the sparring program scene, where the upbeat video-game-like music goes along perfectly with the video-game flow of the sequence.  The second is the lobby shootout scene, where the video-game-like music goes along… you know.  The music used for the lobby scene is “Spybreak!” by The Propellerheads, albeit an edited version.  In fact, the version on The Matrix‘s soundtrack CD is edited down from the original Propellerheads version, which is almost twice as long, off of the album “Decksanddrumsandrockandroll”.  A while back, I assembled a personal mix called “Der Funkengrüven”, and it ended with the soundtrack version of “Spybreak!”, the only one I had available.

I’ve always wanted to use the album version instead, but I was never sure if it was worth it to buy the CD just for that song.  So I dropped into the iTunes store, called up the album, listened to the high-quality half-minute excerpts available there, and have decided to buy the album.  My only real dilemma now is whether to buy it via the iTunes store for $9.99, or to spring for a couple of extra bucks to get the physical disc in a jewel case and everything at Buy.com.  It’s my first real experience with the iTunes store, and I have to echo what everyone else has been saying: Apple got it right.  The store just works.  I wish the excerpts were a little longer, say 45 seconds or even a full minute, but that’s just picking a nit.  If I didn’t harbor lingering affection for owning albums in a physical form, I’d already have paid to download it, and I still might.  For an oldster like me, that’s saying something.

Sadly, I can’t use the iTunes store to replace my long-lost copy of “The Bobs“, but maybe I could use the store to acquire some Neil Young music…

  • Thematic was published on .
  • It was assigned to the CSS and Mac categories.
  • There have been no replies.

Browse the Archive

Earlier Entries

Later Entries