A List Apart 4.0

by Jeffrey Zeldman

200 Reader Comments

Back to the Article
  1. Nice design… Wish you all the best!

    Copy & paste the code below to embed this comment.
  2. That is *great* Thanks.
    I love ALA especially _ ALA 4.0 _

    Copy & paste the code below to embed this comment.
  3. Congratulations, folks. It’s quite lovely. And the move to TextDrive? Pure genius, if I may be so bold.

    Copy & paste the code below to embed this comment.
  4. Great job on the site! Onward to the content!

    Copy & paste the code below to embed this comment.
  5. Very, very nice.

    Copy & paste the code below to embed this comment.
  6. we say in german.
    plain and good.

    hoped for an update since may and I really like the new things.

    Copy & paste the code below to embed this comment.
  7. Good work guys. It’s great to see ALA get a new lease of life. The only problem is deciding which “t-shirt”:/store I want most :)

    Copy & paste the code below to embed this comment.
  8. Looks great and definitely more agreeable to read. Looking forward for what’s to come.

    You guys pulled a nice one again!

    Copy & paste the code below to embed this comment.
  9. A great read, and this bit really cracked me up:
    _"Each issue will have its own color scheme. Imagine: Red and green for Christmas; blue underlined links for when Jakob Nielsen finally writes for us.“_

    I can’t wait to see new issues appear, now even more than before.

    Copy & paste the code below to embed this comment.
  10. It’s fantastic to see the content back, I always really enjoy reading your articles. I can’t get enough of the illustrations. Great stuff!

    Now it’s probably just me, (and I feel slightly blasphemous saying this) but I find it really difficult focusing on the text in the articles. It would be great to have an option to make the font-size larger for us people with bad eyes and small monitors.  :)

    Copy & paste the code below to embed this comment.
  11. Finally ALA gets the classy look the great content deserves. Good work!

    Copy & paste the code below to embed this comment.
  12. Great to see your back guys!

    Does this mean you’re taking submissions again?

    Copy & paste the code below to embed this comment.
  13. I had only been thinking about ALA last night in bed (no really), and wondering why it seemed to have died..nice surprise this morning to find it resurrected in all it’s new found glory. Now happy as a pig in doo-dah..

    Have we now arrived at the days when we can design at fixed width, 1024x768? Not that I personally have a problem with that.

    Copy & paste the code below to embed this comment.
  14. Great new look, Congratulations!!!  I especially like the top left graphic and issue number.

    Copy & paste the code below to embed this comment.
  15. Great Job all of you!

    I really feel at home with the new design.

    That said only one thing irks me: Did it really have to be Verdana? Lucida would have done the readability-trick too as it did in 3.0.

    Copy & paste the code below to embed this comment.
  16. A nice, clean design that puts the focus squarely on the content, and a bold move to target larger monitors.
    Well done, lads!

    Copy & paste the code below to embed this comment.
  17. Great work from all concerned. I like how you’ve rebranded and yet there are aspects which still feel very much like previous incarnations.

    The illustrations by the way are superb. I’d come here just to see them to be honest.

    OK, enough sycophancy ;o)

    Copy & paste the code below to embed this comment.
  18. A very nice design indeed. I’m sure we’ll start seeing copycats emerge, i.e., that “sincerest form of flattery” thing.

    This is really nice work.

    Copy & paste the code below to embed this comment.
  19. Congratulations!!! This look is fantastic! Great Work.

    Copy & paste the code below to embed this comment.
  20. I visited the States for the first time recently and was struck by how common this word was in use. Here in ‘stiff upper lip’ Britain we reserve it for things that are truly awesome!

    Awesome redesign guys!

    Copy & paste the code below to embed this comment.
  21. I just wanted to congratulate you guys on a great job. I really appreciate the content you provide and it serves as an inspiration that even tough this is a tough field to work in at the end if you love it you can still be happy in it. Love the new look!

    Copy & paste the code below to embed this comment.
  22. I came to see the changes and was instantly hooked…  What was supposed to be a quick 5 minute visit, turned into an hour long stay…  Great Job!

    Copy & paste the code below to embed this comment.
  23. The Joe Clark article, at least in Firefox, prints 8 pages, only three of which have content - on the first three pages, the content shifts in successive stages to the right, then by page 4 it’s gone. In IE6 slightly different, the right edge of the content column simple disappears, so you lose words and parts of words.

    Please file under “constructive criticism” :)

    Copy & paste the code below to embed this comment.
  24. The attention to details on the new design clearly show the passion of everyone involved.  Congrats on a great re-design.

    Copy & paste the code below to embed this comment.
  25. This new design makes me want to read it *ALL* over again.

    Copy & paste the code below to embed this comment.
  26. Can someone explain the thought behind using 0.8125em for the body font-size?  Lookin good btw.

    Copy & paste the code below to embed this comment.
  27. love what you’ve done. tight design - simple, easy to read. thanks for running a great site.

    Copy & paste the code below to embed this comment.
  28. The new site looks great. I’m excited to hear that ALA is back! This site has been an invaluable resource for designers. Thank you!

    Copy & paste the code below to embed this comment.
  29. Great work all around. I’ve had glimpses into how much effort this was, and it was well worth it. Cheers.

    Copy & paste the code below to embed this comment.
  30. The new site has panache!

    Thrilled to see a favorite site, move forward.

    Keep up the good work…

    Copy & paste the code below to embed this comment.
  31. Looking forward to An Event Apart near me.

    Copy & paste the code below to embed this comment.
  32. Every now and again my favorite online magazine is redesigned and I am taken aback by it’s beauty in organized thought and aesthetics. Welcome back.

    Copy & paste the code below to embed this comment.
  33. Love what you’ve done with the site!

    Copy & paste the code below to embed this comment.
  34. You guys did a wonderful job. The re-design is great and look forward to all the new articles.

    Copy & paste the code below to embed this comment.
  35. A List Apart is now absolutely gorgeous!  I always went to it as just a resource, never thinking of it as eyecandy.  But now, wow, now it is both.  Simplicity is sublime, and this design is sublime.

    Okay, it’s designed for 1024x768 rather than 800x600 (or fluid).  But that does not really detract from the design, merely the right of the publisher to cater to the audience.

    The small touches on the links, the beautiful typography, and the newspaper look all really make this design come together and invite reading.  Amazing job to the team that put this together.

    Copy & paste the code below to embed this comment.
  36. Lovely. Congrats on the redesign. Live comment preview is a nice touch.

    Copy & paste the code below to embed this comment.
  37. Very fine work! It feels so light and airy—and live preview is amazing!

    We simply must see some Ruby on Rails writings very soon; some of us get PHP, but Ruby is another beast indeed.

    Copy & paste the code below to embed this comment.
  38. Good to see ALA back with a new look. I think most people have said everything there is to say, but major kudos to the sexy new design - some top class CSS from Eric as usual.

    I look forward to your future articles with glee and hope that there is any remote chance of you bringing An Event Apart to England any time in the future.

    All the best

    Copy & paste the code below to embed this comment.
  39. If you’re happy, we’re happy.

    Thanks for all the great feedback so far.

    Copy & paste the code below to embed this comment.
  40. I generally like the new fresh look, but…

    # I don’t really see why everyone in the comments above are so forgiving for the 1024x768 issue? I think it’s a problem.

    It’s not that I can’t handle viewing on that resolution, but I choose not to. Because the font looks really small on my monitor and I choose to scale the page. Happily Opera manages scaling really well and fit-to-page-width feature removes the horizontal scrollbar problem.

    # Visited and unvisited links look exactly the same. Why isn’t there a destinction? Not that I would claim all links should be underlined and blue and visited ones purple. But removing the ability to see where you have already been, is simply reducing this site’s usability.

    Happily again, I can choose to override the visited link colors with my own style sheet.

    # (Finally a real problem.) When I tried to register and left the not required e-mail field empty, the site told me “This e-mail address is already in use.”

    Copy & paste the code below to embed this comment.
  41. There should be a *preview button* too, because the live preview isn’t always quite correct.

    My previous post obviously wasn’t formatted as I expected.

    Copy & paste the code below to embed this comment.
  42. Congratulations on the redesign! Looking forward to (the) next Tuesday already.

    Copy & paste the code below to embed this comment.
  43. Very, very nice design!

    Copy & paste the code below to embed this comment.
  44. Congrats on the redesign, and glad to see another big name hosting at “TextDrive”:http://www.textdrive.com!

    Copy & paste the code below to embed this comment.
  45. Five pages of ‘love the site’ - wow, job well done!

    Copy & paste the code below to embed this comment.
  46. I enjoyed reading Joe’s tome on the new alistapart. It was nice to see an in-depth story as opposed to a longer diatribe split between several posts as seen on many web sites. I hope this leads a movement towards more in-depth content generation around the web.

    Copy & paste the code below to embed this comment.
  47. That’s great! Tnx a lot, Jeffrey and ALA team. Wait to see new issues appear.
    P.S. And we’ll translate them on Russian with pleasure like we done this work before.

    Copy & paste the code below to embed this comment.
  48. Hats off to all of you for this new look in ALA 4.0. I never had a problem with the previous layout, but this new look and feel is more professional, more scholarly, and easier to read.

    I’m looking forward to diving into the new site soon to see what else has changed for the better. Until then, good luck and have fun.

    Copy & paste the code below to embed this comment.
  49. Nice redesign!!
    more readable, comfortable

    Copy & paste the code below to embed this comment.
  50. You guys are too cool.  The new site is stunning.

    Copy & paste the code below to embed this comment.
  51. the right side of the ALA page is clipped in print preview in IE

    Copy & paste the code below to embed this comment.
  52. I’ve been snooping around the new site and have been enjoying it very much. Great work all around.

    Copy & paste the code below to embed this comment.
  53. I don’t think the 1024 width is an issue, as you can read the main text of any article without problems with a 800x600 screen resolution: you only need to scroll if you want to access the small list of topics, advertising, search, etc. That seems ok to me.

    Very nice indeed.

    Copy & paste the code below to embed this comment.
  54. not to start a flamefest, but why go with rss 2.0 over rss 1.0? just wondering…i like to get my content in my rss1.0 feeds, and 2.0 doesn’t even allow that.

    Copy & paste the code below to embed this comment.
  55. Very nice Clean design, welcome back ALA.

    Copy & paste the code below to embed this comment.
  56. Are you going to be pointing the www.alistapart.com to the new site? Just wondering. I went to it a few minutes ago and was greeted with the old design and content.

    Thought it was all a dream for a minute.

    Copy & paste the code below to embed this comment.
  57. The first thing I felt when I saw it was “this looks like a university site.”  I’m glad it was partially intentionally, or at least acknowledged.  I like it a lot—very handsome.  I’m looking forward to a wealth of great articles.

    As for the t-shirts.  I especially enjoy the Count Rugen edition (look it up. ;)  xHTML, indeed!

    Copy & paste the code below to embed this comment.
  58. Congratulations on your beautiful and skilled design work at ala 4.0. But where is the beautiful print style sheet you had in your previous version?

    Copy & paste the code below to embed this comment.
  59. - Lack of print CSS
    - Previous, Next links on the very bottom of the page has overlaping with page footer in Opera 8.02 (7 and even 6 are Ok).

    Copy & paste the code below to embed this comment.
  60. nice rugen comment!

    one other small quibble: “markdown”:http://daringfireball.net/projects/markdown/ does a better job than textile at translating text to html…

    Copy & paste the code below to embed this comment.
  61. Again, very slick. Very…very! Always finding a voice and this is the loudest yet. Congrats on the re-launch of something big and necessary.

    Copy & paste the code below to embed this comment.
  62. The new ALA is really nice! Glad to see it updated again. ;-)

    Copy & paste the code below to embed this comment.
  63. Love the new layout… very minimal, but also very classy. I miss ALA, but no longer ;)!

    I too prefer Markdown over Textile, however, they both work just as well.

    Copy & paste the code below to embed this comment.
  64. Noticed that the User Name links, strips out the slashes ‘/’ from the URI’s of users.

    Copy & paste the code below to embed this comment.
  65. You folks all did an excellent job! Nice, clean feeling! You rock!

    Copy & paste the code below to embed this comment.
  66. Really nice design, amazing. Congratulations, parabéns!

    Copy & paste the code below to embed this comment.
  67. Beautiful work, all. Damn impressive and inspirational, as a good redesign of a beloved resource should be.

    Copy & paste the code below to embed this comment.
  68. It’s great to see ALA back in action, and that pleasure is made that much greater by the tremendous improvements that have been made, aesthetically and structurally. Congrats to the whole team; you’ve done a superb job!

    Copy & paste the code below to embed this comment.
  69. All i can say is super!

    Copy & paste the code below to embed this comment.
  70. Not bad at all guys! Good to have ALA back again

    Copy & paste the code below to embed this comment.
  71. My resolution is 1024x768, but like so many I surf with my sidebar open, so count me in as another detractor for the widescreen fixed width design. I actually wouldn’t complain, except that this design wastes a lot of space on the left just to make room for the logo. Kind of goes against good design sensibility, doesn’t it?

    Copy & paste the code below to embed this comment.
  72. I like the new visual design and especially the mild colors.

    However, I wouldn’t call this wide fixed-width layout good/modern.

    Copy & paste the code below to embed this comment.
  73. Love the new design, but I note that your older articles no longer have their discussions available.

    This is rather irritating since I have some of those pages bookmarked (oh, and the bookmarks don’t work either!) where people have posted some extremely useful information and web links.

    Is there any chance that these will return?

    And if not, are all the comments currently being made destined for binary oblivion?

    Copy & paste the code below to embed this comment.
  74. Nice open design, and nice that it’s friendly to my 800 x 600 monitor as well for reading the articles themselves.

    Is Textile fully working? I tried “h1.” at the beginning of a line and it didn’t render as <h1>:

    h1. This is supposed to be H1 text, but isn’t in the preview.

    and *bold* via asterisks doesn’t work if the last character before the second asterisk is punctuation, *like this,* which means I have to violate the rule that bold styling is supposed to carry over to the immediately following punctuation.

    Copy & paste the code below to embed this comment.
  75. However, I see they both work once posted.  The problem is only with the preview.

    Copy & paste the code below to embed this comment.
  76. Old discussions should _hopefully_ return in the near future. As you can imagine the task of migrating all the old issue content was a huge undertaking, and the comments for those articles are even more numerous and expansive. But, we know about it, as well as many other hiccups. You will just have to trust we are on the job :D

    _- your friendly neighborhood designer_

    Copy & paste the code below to embed this comment.
  77. Just lovin’ the new look, so much easier to read. Congrats to all on what must have been a huge undertaking, what with moving host at the same time and all.

    Copy & paste the code below to embed this comment.
  78. Much respect, and I love the style of the layout.  My only gripe is that with all the CSS experts on staff, you still put out a static width layout that doesn’t even work on 800x600…

    Come on guys, you can try harder than that.  Much love!

    Copy & paste the code below to embed this comment.
  79. Subj. Look at the Print Preview. Right side of a page cutted.

    Copy & paste the code below to embed this comment.
  80. I too like the muted color scheme and the general order and dynamism of the new ALA.  I do however agree with several of the posters about the fixed width.

    Copy & paste the code below to embed this comment.
  81. The new design is okay, but I find it pretty hard to read compared to the old one. Not really sure what you meant by lacked soul; I had no problem with it, heck, I preferred it.

    Copy & paste the code below to embed this comment.
  82. Beautiful design here, guys. The internet went down at my work today, and the entry on ALA version 4.0 was the last thing open on my browser, so I spent the whole day just staring at it and looking it over. A coworker even came by to look and loved the design as well.

    I’ll be ordering the XHTML shirt now as a slap in the face at all the Flash designers at my work. Keep up the inspiring designs and articles.

    Copy & paste the code below to embed this comment.
  83. Thumbs up for all the design, the effort in bringing back a ‘kinda defunct’ ALA (now i know why), and the work to come, to make all archive articles avaliable to us on this new layout and design.

    I don’t know how long i’ve been reading ALA now, but I really see this space as one of the most representative websites in my not-so-short career into website development.

    Keep the good work guys, you are really appreciated by the whole of us!!

    Copy & paste the code below to embed this comment.
  84. The new design is spiffy, but what really interests me is the new publishing platform using Ruby on Rails. I’m amazed no one has commented on this yet? I look forward to an in-depth article on the technology behind ALA 4.0, and my mouth waters at the thought of peeking at the code behind the scenes. Will the platform be open sourced?

    Copy & paste the code below to embed this comment.
  85. Just when I thought the web was getting ‘stale’ and nothing new was happening and every page was looking the same, along comes ALA (again). Love the new design, classy, clean design, it just sneaked up on us.

    Copy & paste the code below to embed this comment.
  86. absolutely great re-design. really love it and lookin’ forward for upcoming new content. best wishes from germany!

    Copy & paste the code below to embed this comment.
  87. As one who has recently taken to browsing sites such as this with NetNewsWire, I am disappointed to find that I need to shrink my sidebar in order to read the site. Come on folks! You people taught me how to design an effective liquid layout. And now you’ve cocked it up.
    Still, it’s great to be see some new content!

    Copy & paste the code below to embed this comment.
  88. Very nice indeed - I have been wondering what had been going on with ALA after not seeing an update for a while!

    Liking the new design, looks almost roman to me with the reefs and stuff and nice cool colours.  Another site gets redone in a liquid layout - with stuffandnonsense doing the same is this how we are going now?  We have just redesigned to a fixed width!

    Copy & paste the code below to embed this comment.
  89. great design guys, brave departure from the old style.

    i second the calls for a print style sheet.

    for those with woes over 800x600 you could probably offer an alternative style sheet which moves the masthead logo to the top above the nav. The main 3 cols seem to fit nicely within an 800 wide window, if you wanted them to…

    si

    Copy & paste the code below to embed this comment.
  90. I’m I the only one who prefers the old style site? Guess you can’t please everyone :-)

    I have to agree with all the comments questioning the fixed 1024×768 display. I feel this site should be a flagship for the best practice that is talked about in it’s articles.

    Copy & paste the code below to embed this comment.
  91. I really like the new design. I am also glad to see new stuff being added to the ALA feeds. I’ve really grown to miss the regular updates as I follow the ALA feed pretty close and hadn’t seen anything new in a while. Now I know why. Here’s wishing you a bigger, better, brighter future. Keep up the great work.

    Copy & paste the code below to embed this comment.
  92. As much as I like all the improved functionality and admire the excellent, I dislike the design. It is 2005, not 19.. whatever. Real shame that such a great opportunity is missed.

    Copy & paste the code below to embed this comment.
  93. Again don’t wanna dampen the joy but the design only works at full screen (1024 by 768). I only use full screen when working in applications that require my full attention.  Browsing the web lends it self to multi-tasking & multi screens (not just multi tabs in Firefox) - at full screen the website feels as though it is imposing itself on my desktop and it is far too easy for my boss to spot!

    Even in this day of larger screen resolution I still advocate designing websites to the old 800 * 600 or getting rid of fixed widths.  Bigger is not always better.

    Copy & paste the code below to embed this comment.
  94. Nice to see an update to a site that helped me think about web standards and css in a new way when I first started out in the web development business, but like recent articles, somehow it is   unfulfilling and doesn’t grab me like the designs that Dan Benjamin, Dan Cederholm, 37 Signals and the Coudal Partners produce.

    Nevertheless, this site remains a regular on my bookmark list.

    P.S. It also does work well on my pocket pc - something I didn’t expect for a revamped site.

    Copy & paste the code below to embed this comment.
  95. The new design is just lovely!

    Copy & paste the code below to embed this comment.
  96. Content is King, right? And this site’s content is at least an Emperor, so I can forgive it much in the layout department. It’s easy on the eye, only marginally afflicted by the “tiny text disease” contemporary designers are prey to, and still usable when not full screen without excessive horizontal scrolling. A style switcher would be nice though.

    The absence of a print stylesheet (or equivalent) is a surprise, given that it was Eric’s article on here that got many of us to abandon the old “printer-friendly version” way of doing things. I’m assuming that’s work in progress.

    What I’d really like to do is control how many comments are displayed per page - articles often trigger good discussions, but I find paging through the comments ten at a time can be a real pain. I’d rather have the option of loading the whole lot at once, or at least getting them in bigger portions.

    Copy & paste the code below to embed this comment.
  97. So glad you’re back.  I love the new design—fresh yet classy.  The article by Jim Coudal was terrific.  Looking forward to Tuesdays.

    Copy & paste the code below to embed this comment.
  98. Is it just me, or does the colour scheme in this first issue of ALA 4.0 reek of “zeldman.com”:http://zeldman.com/ ? I’m really not impressed with the whole musty brown look for this issue - it makes ALA look like a wine-tasting site instead of a web design site - and personally I’m glad that the colours will be changing in each issue. I hope that ALA 4.0 redeems itself by looking a bit more modern and cutting-edge in the next issue.

    I really loved ALA 3.0, and I’m very sorry to see it go. I disagree with Jeffrey Zeldman’s criticism of it as “??generic??” and “??lacking soul??”. I thought it was quite the opposite: it was sleek, innovative, and full of character. I think that those criticisms are more valid for this new incarnation, than for the old one. Is there any way to look at the site (or at least some pages of it) in the old design? Has ALA 3.0 been archived somewhere, to satisfy those of us that are pining for it?

    I’m not impressed with: the lack of support for low-res and / or small-screen users; the removal of the beautiful paintings from the banner; and the continued use of a fixed-width design (particularly now that the banner paintings are gone - using em’s to specify the width would be more plausible now). But most of all, I just don’t think the new design suits ALA: it’s more upmarket, but the ‘upmarket’ look is bordering on snobbery, and this could turn away the geek audience that has always been a significant part of ALA’s readership.

    Then again, this new live comment preview is _really cool!_

    Copy & paste the code below to embed this comment.
  99. While quite liking the new design, I find the main text column too wide for comfort. It would be less tirihg to read if it were somewhat narrower. I have tried zooming-in with Firefox but that spoils the overall appearance of the page—by the time the column is the right width, the text is becoming unaesthetically large.

    I have no problem with fixed width layouts; in fact I detest liquid designs because they make the long-line problem even worse.

    Still, it’s good to have you back!

    Copy & paste the code below to embed this comment.
  100. Nice job on the redesign. I’ve learned a lot from reading this site over the years. Thanks for all your efforts.

    Copy & paste the code below to embed this comment.
  101. What can I say, the new design rox. V.nice.

    A.

    Copy & paste the code below to embed this comment.
  102. Nice redesign, simple and elegant. It’s not a revolution in terms of design but it’s very well crafted. However one question has been nagging at me after reading the article about the redesign and who participated.

    Is a web guru still a web guru if they didn’t design their own site?

    Don’t take this as a personal attack on Zeldman himself. I have no doublt about his abilities. But it’s an interesting debate.

    What makes a web guru? A good understanding of web issues alone? A flair for creative writing and oral presentation? Or is it neccesary they practise what they preach?

    P Lemoine

    Copy & paste the code below to embed this comment.
  103. Pierre, is a great movie director still a great director if he doesn’t write the screenplay, hold the camera and act in the movie?

    A triumph of a redesign - congratulations to all involved. It’s like breathing fresh mountain air.

    Copy & paste the code below to embed this comment.
  104. In fact, there’s an article about the subject of art direction “within these very pages”:http://www.alistapart.com/articles/artdirweb

    Copy & paste the code below to embed this comment.
  105. With all the fantastic design and CSS/XHTML going on here, I have to say my favorite part is the tiled-background-image-with-bottom-border on the links. Something so very simple yet so very cool. Love it.

    Copy & paste the code below to embed this comment.
  106. Meant to say background color…

    Copy & paste the code below to embed this comment.
  107. Very nice design, very clear and beautiful.

    Copy & paste the code below to embed this comment.
  108. I really like the comment preview!  I can watch myself type and watch text elements like *bold* and ^superscripts^ are shown to me in real time.

    The new design shows a classiness that the old one didn’t and I like it!  Keep up the great work.

    Copy & paste the code below to embed this comment.
  109. Charles: Good point about the director. He is an integral part of the process. I also enjoyed the article about Art Direction (an article that I’d missed).

    To refine the question I posed earlier, if a web “guru” becomes removed from the work over time how does that impact their credibility? If they don’t do the work and new technologies develop that they’ve never used themselves, but they preach about these new technologies are they still credible?

    A director can talk about how the latest digital effects help him do his job but if he starts telling me how they’re done I’d find his input substanltially less credible than the effects supervisor.

    I do feel Zeldman knows what he’s talking about otherwise I woldn’t keep coming back to this site. But I felt it was a question compelling enough to post. (And was posted here only because his article made me think about it.)

    Pierre

    Copy & paste the code below to embed this comment.
  110. messes up the page layout?

    Copy & paste the code below to embed this comment.
  111. I discovered ALA in June on my journey to better standards design. And then I noticed it wasn’t updating ... oh the horror. Anyway, great to see the site renovated and hope to read many new articles.

    As for the comments on design, I like it. It’s simple and elegant. I don’t have a problem with the fixed width as all my monitors run 1280x1024 or higher as a do a lot of graphic work.

    Keep up the good work.

    Copy & paste the code below to embed this comment.
  112. Awesome site, I’ve just discovered it, and now I’m in love with it, what a wonderful work! I’ve hours reading wonderful articles. Thanks!

    Copy & paste the code below to embed this comment.
  113. Pierre, I see what you’re getting at; George Lucas springs to mind with the whole visual effects thing. But I think you’re selling the other members of the “Happy Cog team”:http://happycog.com/about/ short if you take ALA as a Zeldman only production. Ultimately, the credibility of those involved should be judged by the overall quality of the end result. The proof of the pudding, as they say, is in the eating.

    Copy & paste the code below to embed this comment.
  114. Nice to see this out of the closet.

    Copy & paste the code below to embed this comment.
  115. Wonderfull new side. Please tell us more about the Backend. A mission statement about Ruby on Rails in production use would be a great thing.

    Copy & paste the code below to embed this comment.
  116. Congrats on the redesign! Keep the great content coming…

    Copy & paste the code below to embed this comment.
  117. The new design is great!  Definitely worth the publishing freeze that had me worried all this time.  Fantastic work—the new design is beautiful and elegant, but sits back and lets the content take center stage. 

    The topic reorganization is probably my favorite thing about ALA 4.0—the sheer number of articles filed under “CSS” or “XHTML” was a victim of ALA’s own success.  I’d click one and say, “What if I want CSS articles related to [blank]?”  Now, I can easily find something when I have an objective in mind. 

    I’m very glad ALA is back and better than ever.  You guys are truly at the frontier of the web.

    Copy & paste the code below to embed this comment.
  118. Great redesign and as far as it being designed for a 1024x768 resolution; I’m thinking that it was designed for people who make webpages.  The target audience are webdesigners meaning it would be the proper time to step out of the 800x600 box and use 1024x768 resolution.

    A job well done

    Copy & paste the code below to embed this comment.
  119. Good to see there is a new life for ALA, the prime resource for web coding/content production.

    I’m a little bit disappointed in the 1024*768 design. My iBook has got a 1024*768 screen and I never surf in full screen mode. Given the names that produced this website, I would have thought that a bit more flexibility would have been no challenge at all ;-)

    On the upside: the site is very easy to read; an example for online reading.

    Copy & paste the code below to embed this comment.
  120. Is Ruby on Rails a scripting language like PHP? I can’t tell from their site what it is exactly….

    Copy & paste the code below to embed this comment.
  121. Excellent piece of work! This is what you get when great minds cooperate.
    As a long time reader of ALA, I witnessed all incarnations from version 1.0 up, and this is by far the best looking one. Great to see it’s still going as strong as ever.

    Copy & paste the code below to embed this comment.
  122. Beautifully simple, stunningly readable, massively useful. An excellent upgrade. Heck, it even works in Konqueror!

    All the best…

    Copy & paste the code below to embed this comment.
  123. Firstly - I’m rapt to see some action on the site and like the redesign. My favourite aspect is how you have made many different fonts all work in the same design. Clever.

    However (hate that word, but…) the css is not working in IE Mac - was that browser written-off as irrelevant? I was eager to see how you addressed the 100% width repeating header (and pesky scrollbar) issues as I have been struggling with that myself in Mac IE. When I checked IE Mac’s rendering of your site I found that a large section at the top of the design extending right from the main logo is obscured by a grey rectangle. This makes the site unuseable in that browser. I know web designers that use Macs and test in IE thinking (wrongly) that they are covering IE PC also. These are the same people who would benefit most from your enlightened content but will go elsewhere if they visit using IE Mac.

    Lastly, regarding the fixed width debate - I was expecting to see the column widths expand when scaling up the text, but I understand the issues that made you refrain from this.

    In awe of your skills people. And thanks for all the great content.

    Copy & paste the code below to embed this comment.
  124. It looks good - modern, clean, professional.

    But if I was sat at any other desk in this office, it would be a PITA to use. Mine is the only PC that can display more than 800×600. So anyone else in this office looking at your site would see horizontal scrollbars and wouldn’t see the menu “above the fold”.

    And it only looks good because my computer is bad. IE doesn’t remember that I like to look at text at “smaller”, because “normal” size text is just too big. But if I do look at your site with “smaller” text - ie, the text size that I find best to read - it is illegibly small. Not just too small to be comfortable, but utterly illegible.

    For a site that prides itself on accessibility, and writes such good articles on the topic, this is disappointing. Not so much the font size, because I can get round that, but a minimum width of 1024 really is unforgiveable. Sorry.

    Copy & paste the code below to embed this comment.
  125. For a moment, I thought that I visited the wrong site. But it was ALA’s itself. Still Legendary and still magnificent. Really good job.

    Copy & paste the code below to embed this comment.
  126. It goes to crap at anything smaller than 1006 pixels.  Many of us still set our monitor at 800x600, and many of us browse with a smaller-than-maximized window that might be smaller than 1006 pixels.  Horizontal scrolling bad.

    It also goes to crap at larger text sizes - some menu items at the top become completely inaccessible. 

    I’m greatly disappointed in a site that preaches accessibility on the main page - and a site I like to point others to when *I* preach accessibility.

    Copy & paste the code below to embed this comment.
  127. It’s great that on the comments page, someone can click on my name and go straight to my web page, a really nice touch.

    But what of the home(page)less? Clicking on their names sends you to http:/// - not very friendly. Could there be some trick that only hyperlinks the name when there’s a non-empty string?

    Copy & paste the code below to embed this comment.
  128. Let me preface my comments by saying, I’m one of those old school guys that started designing before the web, or computers.
    As such, my view of design relates to the form and function of the page visually. I agree that web standards are important (if I didn’t think so I wouldn’t be here).

    In reading some of the other comments, there is a lot of praise for this design. I agree the code for this site is done very well, but don’t confuse code and visual appearance.  Without going into a long winded critique, I would just say that there are elements of this design that don’t work (and I’m not talking about 800 x 600). Now I’m not saying by any means that this site is terrible, my point is that it appears to me more thought is given to the code and not enough to the actual presentation.

    In his book, Designing With Web Standards , Jeffrey Zeldman walked us through a design process that started and ended in code. I don’t know if that was the case here, but this is a practice I have seen too often.  The design process should start with a well thought out design that is then translated into compliant code. A really great design does both extremely well.

    Copy & paste the code below to embed this comment.