Hacker News new | past | comments | ask | show | jobs | submit login
Responsive Web Design (alistapart.com)
62 points by vladocar on May 25, 2010 | hide | past | favorite | 7 comments



Incredible. Link to final example: http://www.alistapart.com/d/responsive-web-design/ex/ex-site...

Ethan is the fluid grid master and this example shows how powerful it is in conjunction with CSS3 media queries.


Great advice about multiple devices and resolutions, but...

I will never, for the love of absurdity, never use 20 decimals for what should be a simple value.

Can't we just round it up?


If he had used 2 significant figures (tenths of a percent), his size would be off by less than a dot at 1200 DPI. If he had used 3 significant figures (hundredths of a percent), his size would be off by just about 1 dot at 4800 DPI. Since web browsers tend to round to the nearest pixel on ~100 DPI screens, yes, I’d say 19 signifiant figures is more than a little overkill.

Then again, you never know when you might need to print your web page at billboard size and maintain down-to-the-micron precision.


AFAIK even modern webkit browsers round up at the 1000th's place, so that's where I stop. I'm guessing those are value spit out by some sort of CSS calculator as part of a framework or similar. Having said all that, it's certainly "future proof."


From the comments:

that’s a casualty of using TextMate to parse calculations with Google Calculator. I used to use Calculator.app, but started relying on TM because it’s so easy to use.


The first example I saw of serving multiple layouts was by Cameron Adams, almost 6 years ago:

http://www.themaninblue.com/writing/perspective/2004/09/21/

He went on to work on as the UX guy on Google Wave in Australia.


Minimalism + a regular site structure makes "responsive web design" much easier.




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: