Wow. Despite the largely hideous comments here, it's beautiful. Great work.
A List Apart 5.0
21–30 of 87 posts
Re: A List Apart 5.0
#22I am using Chrome on Windows 7. The menu bar on the top of the page cuts off the title and the bottom of the page slightly cuts off the * FOR PEOPLE WHO MAKE WEBSITES. Is that the way it should look?
http://imageshack.us/a/img228/8256/alat.png I see the same thing. I have a hard time believing it is intentional, but even so, I think it looks sloppy.
I don't think it looks sloppy. It's intentionally styled like a magazine. Magazines deliberately break typographic conventions.
Re: A List Apart 5.0
#23I am using Chrome on Windows 7. The menu bar on the top of the page cuts off the title and the bottom of the page slightly cuts off the * FOR PEOPLE WHO MAKE WEBSITES. Is that the way it should look?
It's intentional. I can't say I care for it - I've tried to scroll the missing part of the type onto the screen a couple times now.
You can fix this pretty easily if you use a browser extension like Stylebot to customize your page styling - it's great when something just annoys you aesthetically.
Here's my first pass at a correction that seems to work with the main pages, although I'm sure I'm missing something somewhere:
.home-page .killer-logo { top: 40px; overflow: visible; }
.killer-logo { top: 82px; overflow: visible; }
.home-page .wide-hero, .issue-page .wide-hero { padding-top: 136px; }
.wide-hero { padding-top: 98px; }
.global-footer { padding-bottom: 100px; }
.deadly-subtitle { bottom: 10px; height: 60px; }
.global-footer .inline-items { margin-bottom: 2px; }
.main-wrapper.stacker:first-of-type { margin-top: 198px; }
.single-column-display, .two-column-display, .multi-column-display { margin-top: 198px; }
Re: A List Apart 5.0
#24I wish they would have styled actual text for the header and footer logo/tagline. As it is, they are just huge images that do not scale AT ALL. I guess you could call this art-directed, but it seems sloppy to me.
Re: A List Apart 5.0
#25And that's how you design blogs and similar sites. Put the content in the spotlight and shove everything else away.
But they are not putting content in the spotlight, they are putting unreadable letter bottoms and empty space in the spotlight, the content is shoved away to somewhere far down. Maybe the design works on a tablet in portrait mode, but not on a laptop screen. To see more the four lines of content there, you have to scroll.
I think that the site is suffering from heavy load and some image(s) was/were not transferred to your browser; there should be an image, not empty space.
No, it's not perfect, but better than most sites. No distracting sidebars, no ugly social media buttons, nothing extra (except the letter bottoms).
Re: A List Apart 5.0
#26I'm kind of at a loss for words.
It used to be unique and friendly, and now it is just another Medium, 37signals, altered Bootstrap-looking thing with no personality. Not including dates in the highlighted articles on the homepage (and only highlighting two to begin with?), along with putting it at the bottom of the "More From" is a huge miss (as the date of these types of articles is important to the context and to give me an idea of how often they are written).
Having to click into, and then scroll, to see all of the topics instead of having them in a sidebar adds more clicks for the user to navigate. The mix between bolded blue links and thin black links.. the differences in formatting between every single title, date and author depending on which part of the site it is on.. The awkward "No" in "Issue No." and the misaligned/missing top padding on the button-looking elements.. The terrible overall typography.. Just noticed that when you're in an article and hover over a subheader, it shows a hidden element that pushes all of the content down.. The fact that the "Share This" crap is on there at all (or that it isn't just one line of gray icons) and that it is not spaced apart or visibly different from Kevin's byline (which deserves more)..
.
Re: A List Apart 5.0
#27I'm kind of at a loss for words. It used to be unique and friendly, and now it is just another Medium, 37signals, altered Bootstrap-looking thing with no personality. Not including dates in the highlighted articles on the homepage (and only highlighting two to begin with?), along with putting it at the bottom of the "More From" is a huge miss (as the date of these types of articles is important to the context and to…
That site is a good example of how not to ever do web design. Really cluttered, bulky and sporadic.
Re: A List Apart 5.0
#28I am using Chrome on Windows 7. The menu bar on the top of the page cuts off the title and the bottom of the page slightly cuts off the * FOR PEOPLE WHO MAKE WEBSITES. Is that the way it should look?
It's broken on firefox too.
edit: ahh for me the stylish add-on helps. Add padding-top: 150px to .main-wrapper and padding-top: 75px to .killer-logo. Apologies to the designers, but it was really, really bothering me.
Re: A List Apart 5.0
#29Wow. Despite the largely hideous comments here, it's beautiful. Great work.
Agreed. It is very readable, and eye pleasing.
Re: A List Apart 5.0
#30I'm kind of at a loss for words. It used to be unique and friendly, and now it is just another Medium, 37signals, altered Bootstrap-looking thing with no personality. Not including dates in the highlighted articles on the homepage (and only highlighting two to begin with?), along with putting it at the bottom of the "More From" is a huge miss (as the date of these types of articles is important to the context and to…
Everything you just said, plus the non-scaled header and footer image/text gives it a non-responsive feel, the search bar intrudes on the top nav...sheesh. The design of the comments is cool.