Live data from Hacker News

3px of padding makes all the difference in the world

blog.garrytan.com

41–50 of 92 posts

Re: 3px of padding makes all the difference in the world

#43

yeah, but over 1.8 billion page views.. thats 3px is a _lot_ of extra bandwidth.

Not to mention all those screen pixels gone to waste.. thats 3 times the screen width every time.. say 50x3x1280 px per page view.. jesus thats enough to power a small village in the third world.

Not to mention the Carbon footprint...

Re: 3px of padding makes all the difference in the world

#45

I've noticed Facebook has been doing a lot of AB testing on me lately. [Example: My Graph Search bar is now White-on-Blue instead of Blue-on-Blue. Also, the sidebar with birthday notifications used to display Friend Requests that told you who Friend Requested you; now it's gone.] This spacing behavior is likely also a part of that. It just happened to me very, very recently, and there used to be sufficient padding in…

It's happening to me too. Every day something looks broken (read different ). The Facebook logo was not centered before the graph search for a couple of days, the height of the chat box was changed and same goes for the padding. All I hope for them is to remove (or shift) the video chat button. I've had lots of accidental clicks on it.

If enough users have those accidental clicks, it might skew the a/b testing results :-)

Re: 3px of padding makes all the difference in the world

#46

In a time of display resolution variances between 96 and 250+ ppi (slowly coming to big screen too), why are we still talking about fixed pixels instead of relative units?

The px unit in css is a bit misleading, the measurement doesn't always correspond to the size of the device pixels. From the spec[1]:

"For a CSS device, these dimensions are either anchored by relating the physical units to their physical measurements, or by relating the pixel unit to the reference pixel. For print media and similar high-resolution devices, the anchor unit should be one of the standard physical units (inches, centimeters, etc). For lower-resolution devices, and devices with unusual viewing distances, it is recommended instead that the anchor unit be the pixel unit. For such devices it is recommended that the pixel unit refer to the whole number of device pixels that best approximates the reference pixel."

[1] http://www.w3.org/TR/css3-values/#absolute-lengths

Re: 3px of padding makes all the difference in the world

#48

yeah, but over 1.8 billion page views.. thats 3px is a _lot_ of extra bandwidth. Not to mention all those screen pixels gone to waste.. thats 3 times the screen width every time.. say 50x3x1280 px per page view.. jesus thats enough to power a small village in the third world. Not to mention the Carbon footprint...

Might I politely - as an Englishman - make the suggestion that if you feel the need to wrap it with "" tags, you're doing it wrong?

Re: 3px of padding makes all the difference in the world

#50

He has a point that many interface designers will appreciate and others rankle at as nit-picking. But I was struck by the irony of this particular observation being made via a blog that uses a body typeface with ever-so-slightly but definitely too-narrow tracking (letter spacing). Or maybe the kerning data is off. I would have it loosening by about 1/200em overall, with the most noticeable improvement becoming appare…

The real irony lies in the fact that Facebook has these "issues" and it doesn't stop them from raking in millions of users, but the perfect (well, almost) typography of Posthaven's site does not seem to be helping (I am aware of the unfair comparison).

Perfect typography does not dictate the success of your product.

Post reply on HN