456 Berea Street highlights of 2004

The year 2004 is coming to an end. It’s been a great year for this site, which has seen a fifteen-fold traffic increase since January. Big thanks to everyone who reads, comments on, and links to what I write, and equally big thanks for all the encouraging feedback I have received through email. That’s what keeps me going.

I just went through everything I’ve published here since January, and made a list of my personal favourites. In case you missed one or two, I present the 456 Berea Street highlights of 2004, in chronological order:

Developing with web standards
A long article (well, almost a mini-book) on web standards and accessibility, encouraging the use of best practices in web development. Available in several languages.
Equal height boxes with CSS (view demo) and Equal height boxes with CSS, part II (view demo)
It’s easy to create equal height columns with CSS. It just doesn’t work in IE. Blame Microsoft for that, not the W3C.
CSS Teaser Box (view demo)
How to use a single image to create a box with rounded corners and custom borders.
Ampersands and validation
Why you should not shrug your shoulders at unencoded ampersands in URLs.
Flexible news list (view demo)
Using CSS to style a list of news blurbs.
Flexible box with custom corners and borders (view demo)
A CSS technique for creating a box that will expand vertically to contain any amount of content and handle any text size.
Inverted Sliding Doors tabs (view demo)
Doug Bowman’s Sliding Doors technique for creating flexible tabs, turned upside down.
Sveriges bästa webbplatser inte så bra
A look at the sad state of web standards compliance and accessibility among the top twenty Swedish websites of 2004 (according to Swedish magazine Internetworld). In Swedish.
Web development mistakes and Web development mistakes, redux
Mistakes that are commonly encountered on the web, along with explanations of why I consider them mistakes.
Styling form controls and Styling even more form controls
A CSS experiment I made to show that little to nothing can (or should) be done to make form controls appear identical across browsers and platforms.
Document titles and title separators
A look at what the best document title separator is from accessibility and usability perspectives.
Bring on the tables
How to properly use HTML tables when marking up tabular data.
Who framed the web: Frames and usability
A look at the usability problems with frames, iframes, and CSS frame imitations.
Quotations and citations: quoting text
Quoting text in HTML documents. A closer look at the q, blockquote, and cite elements.
The alt and title attributes
Explaining the alt and title attributes, along with some guidelines on how and when to use them.

Hope you find something in there to keep you occupied for a while. Comments are still open on most of the blog entries, so if you have something to add, please do.

I’m taking a couple of weeks off from everything for the Christmas and New Year holidays. There will probably be some activity here, but regular posting will most likely not be resumed until next year.

Until then, I’d like to wish you all a Merry Christmas and a Happy New Year!

Posted on December 21, 2004 in Site news


  1. An excellent list, I think I’ve read most of them but re-reading is always good. Thanks for compiling it.

  2. Thanks for a great year, Roger. Your site is always worthwhile coming to.

    Merry Christmas, and a Happy New Year to you and all your readers.

  3. Thank you Roger for so much commitment and contribution to the community.

    Merry Christmas and a Happy New Year.

  4. Enjoy your holiday and thanx for the summary.

  5. “Oh happy, happy Christmas, one and all!”.

  6. A big thank you for all of that. I shall go and read it again.

    Have a good break and a Merry Christmas!

  7. I started reading your site this summer. I might have come across “Developing with web standards” while browsing around in the past, but I’m definitely linking to it now! Glad you provided this summary, just in time for me to update my own intro to web standards (comments and corrections appreciated). By the way, your full-text version is dated Aug9, while the browsing version is Oct5 - how do your edit dates work?

  8. December 21, 2004 by Roger Johansson (Author comment)

    Thanks people :)

    J.J.: Thanks for pointing that out. I missed updating the date — it’s all done by hand.

  9. Wow Roger, you’re like the dedicated teacher that won’t give up on the slower students :D. This was the very first blog I subscribed to, and I still enjoy every post. (Well, maybe not the mac specific stuff, but nobody’s perfect! ;)

    Best wishes to you and your family over the crazy season, looking forward to more in ‘05.

  10. You have been noticed by Enblogomdan.

    Keep up the excellent work. You are doing good work for accessability. Lets hope more and more de velop so more people can access information and knowledge on the internet so less will be shut out.

  11. i have learned a lot from this blog , thanx roger .

  12. Roger, this is my knowledge database when i get stuck with CSS :)

    Thanks for all your contribution, and may 2005 bring you good things in life.

  13. sniff We’re so proud.


  14. Just wanted to let you know that you have done great stuff this year. So many awesome articles, please keep up the great work. Hoping for a even better 2005 :D

  15. Started reading a couple of months ago, and I’ve loved it all :) .

  16. Great selection of articles. Keep up the good work

  17. January 7, 2005 by Roger Johansson (Author comment)

    Thanks again for all of your kind comments! I hope I can live up to your expectations for 2005 ;-)

Comments are disabled for this post (read why), but if you have spotted an error or have additional info that you think should be in this post, feel free to contact me.