3 ms·
WTF, Jesus what is up with all these professional websites with simple Alignment problems?! It's driving me crazy. Pay-Pad's header, body and footer are all dif
by ChrisNorstrom 14y ago
WTF, Jesus what is up with all these professional websites with simple Alignment problems?! It's driving me crazy. Pay-Pad's header, body and footer are all different widths and unaligned.
Since so many "Show HN" sites have alignment problems I promise I'll write an article specifically to tackle them. For now just look at the 5th picture here and you'll get it: http://www.chrisnorstrom.com/2011/05/quick-fix-up-redesign-of-tap11-com/ http://www.chrisnorstrom.com/2011/05/quick-fix-up-redesign-o...
The Pay-Pad logo text is 9px off to the left. Body is 54px wider than the header, making the body very noticeably jut out to the right by 63px. The element with "Developers love Stripe for its super simple API..." is 31 pixels too much to the right. The white-space gutters are so massive they're distracting to the eyes. And of course the worst design fad in 2010+ (other than the "everything is grey" (which I'm guilty of)) is the checkboard image+text layout. It's such a professional looking app (and VERY useful) but the website.. I almost can't take it seriously. I don't mean to hit on just Pay-Pad I've seen a lot of this lately. Little mistakes that shouldn't exist. It's driving me crazy.
- whalesalad 14y agoYou'll definitely want to avoid looking at the site of the developer, then: http://coovtech.com/about http://coovtech.com/about Gotta admit, the guy may lack all design sense, but at least he's shipping software!
- ChrisNorstrom 14y agoVery true. And shipping software is what matters. I've noticed the best programmers almost always lack design sense. They don't think in design, they think in code. While really good designers are code-phobic and see programming as babble. It's hard for them to visualize code.
- billycoover 14y agoThanks for the feedback!