A List Apart 4.0

by Jeffrey Zeldman

200 Reader Comments

Back to the Article
  1. Fantastic! My compliments to the ALA team, bravo for real!

    Copy & paste the code below to embed this comment.
  2. Kevin Cornell is a morally bankrupt, dirty-dirty man.  How A List Apart could lower itself to employ such a lecher is beyond the scope of my imagination.  Oh happy day!

    Copy & paste the code below to embed this comment.
  3. Hope this marks the turning of the corner for ALA, looking forward to reading more.  Great stuff.

    Copy & paste the code below to embed this comment.
  4. I’ve followed link from site older than ALA4 and got “http://www.alistapart.com/topics/dom/”:404. I was expecting you brilliant guys to have automatic redirects from all old links.

    Oh, and there is “click here” link above comment box! How lame! ;)

    Copy & paste the code below to embed this comment.
  5. I’ve got Textile link wrong. It was supposed to be: “404”:http://www.alistapart.com/topics/dom/

    Copy & paste the code below to embed this comment.
  6. It is lovely indeed, but you’ve got a small bug in registration. although email is listed as optional, if you leave that field blank you are given the error that “that email is taken”

    cheers on the launch!

    Copy & paste the code below to embed this comment.
  7. Nice site and all, but in the name of accessibility I think you have chosen a far too small font size. Especially code is unreadable…

    Copy & paste the code below to embed this comment.
  8. Nice work. :) I was just wondering, since ALA strongly promotes accessibility and clean semantic code, why you didn’t use any labels for your “Search ALA” field?

    “Include discussions” is just a in your form. What about <fieldset> and <legend>? (also missing these things on your registration form, though you did implement labels there: http://www.alistapart.com/comments/ala40/signup)

    Was this left out purposely or was it merely an oversight (e.g. in a rush to get the new site online)? Not trying to be too nitpicky… :)

    Copy & paste the code below to embed this comment.
  9. I always loved ALA. If the content-related level of articles won’t be lower, I’ll love you much more than it is now :) Good luck.

    Copy & paste the code below to embed this comment.
  10. Like others have said before me… Could we please, no I mean PLEASE see some source on how the Rails CMS was built? There’s a sore lack in the webdev-space for this kind of progra atm. We might be rolling our own here at “mopo as in Norway”:http://mopo.no , but would prefer to build on the work of others (we are a free as in liberty type of company).

    Copy & paste the code below to embed this comment.
  11. I noticed the new colour scheme for Issue 202 still uses brown for the hover background on links. Shouldn’t it be a shade of green? Also I was thinking the main ALA logo would change colour too with each issue. Anyway, great site! Keep it up. So glad you’re back.

    Copy & paste the code below to embed this comment.
  12. Sorry to be late to the party but I’m a busy man. I haven’t had time to read all the comments but the ones I have read seem to like ALA 4.0. I don’t.
    But if you move that bloody logo (I hate branding) over to the right of the viewport so I can read the, mostly, brilliant articles and interesting comments on them without having to SCROLL HORIZONTALLY I’ll change my mind. But if anyone tells me to make my browser window wider I’ll scream and probably not visit ALA again. User rules OK (since CSS2, anyway).
    I quite like the ‘live’ comment preview though it was lucky that I had scripting enabled. Not everybody does you know and I haven’t been able to find any noscript tags in the XHTML source. ( http://www.w3.org/TR/WAI-WEBCONTENT/wai-pageauth.html#tech-scripts , I think.)

    Copy & paste the code below to embed this comment.
  13. You make over 25% of page left side completely useless. This huge logo is so important? Very good content, but scary design. Old ALA layout was much better for me.

    Copy & paste the code below to embed this comment.
  14. - Tasteful combination of serif and sans serif types. (The small font is just fine)
    – Perfect application of big space on the left which is a basic layout principle of white space.
    – Palette that gives the site a mature and respectable air. 

    Totally inspiring. Best design ever!

    Copy & paste the code below to embed this comment.
  15. I always found ALA a great source for CSS stuff. But now it looks like a cornflakes box. Maybe the web will look in general more like a cornflakes box with CSS. Certainly that impression arouses when you look at some designers’ pages … Talking about the old ALA as looking “conservative” I don’t know how to call this. But maybe such things come after publishing books and growing up.
    Best greetings.

    Copy & paste the code below to embed this comment.
  16. I was suprised to see a new design. I do like it though.

    I also plan to buy all three of the ALA shirts when I get paid.

    Copy & paste the code below to embed this comment.
  17. I was suprised to see a new design. I do like it though.

    I also plan to buy all three of the ALA shirts when I get paid.

    Copy & paste the code below to embed this comment.
  18. Congratulates! version 4.0 was born.
    And thanks ZELDMAN, always give me best ways for standards

    Copy & paste the code below to embed this comment.
  19. I love new ala’s dress “molto elegante”.
    Thank you for your great work.

    Copy & paste the code below to embed this comment.
  20. When the discussion are closed, the link to the Discussions is removed. Atleast let me read what was already discussed, even if new discussions are not allowed. Perhaps someone already asked the question similar to mine and it was answered.

    As it stands I’m stranded.

    Copy & paste the code below to embed this comment.
  21. Such an attractive site, clean, crisp, beautiful on a Mac with anti-aliasing! I can’t stop staring at the layout, the smooth serif fonts…

    Copy & paste the code below to embed this comment.
  22. Have you intentionally designed for a minimum 1024×768 ?

    When viewing the size in a windowed browser, running this resolution, WXP, Firefox 1.0.6, horizontal scrolling is required to view content.

    Copy & paste the code below to embed this comment.
  23. I must say, I’m not a big fan of the forced fixed-width design. I think it overlooks a lot of basic web design principals. But, so be it—the redesign does look nice. A recent debate about this in another forum got me motivated to offern an alternative for those that want it. I made a bookmarklet to convert the article pages into a fluid-width layout for thos of us that prefer it:

    http://mnteractive.com/archive/fixing-the-fixed-width-design-again/

    Copy & paste the code below to embed this comment.
  24. Textiled link:

    ALAP Fluid Bookmark”:http://mnteractive.com/archive/fixing-the-fixed-width-design-again/

    Copy & paste the code below to embed this comment.
  25. As I grow and learn (present tense always) ALAP has been and continues to be an inspiration to excellence.

    As an old teacher used to tell me, a real pro makes it look simple. Your new design has that awesome simplicity.

    Copy & paste the code below to embed this comment.
  26. However, I do feel that the fonts of comments are too small. I always read it enlarged.

    Is it me or the design?


    Nir Ben-Dor
    I write for “Linkaedlic Magazine”:http://www.comagz.com/webmagazine/ , you can too.

    Copy & paste the code below to embed this comment.
  27. “天长地久,天地所以能长且久者,以其ä¸?自生”?ï¼?ï¼?《è€?å­?》
    ALA能有今天之å?‘展,完全因为她ä¸?是为自己而生ï¼?ï¼?”没有任何广告”?,å?¯è§?一斑ï¼?ï¼?此其长久之内在根æº?。

    Copy & paste the code below to embed this comment.
  28. is there a physical “A list Apart” magazine i can order?

    Copy & paste the code below to embed this comment.
  29. Congratulations, I like this new better. Nice Loking!

    Copy & paste the code below to embed this comment.
  30. The new look is cool but I still prefer the old stylish , compact page

    Copy & paste the code below to embed this comment.