Hacker News new | past | comments | ask | show | jobs | submit login

Hey this is a dumb question, but what exactly does "responsive" mean here? Is this a technical HTML/Javascript term? Or does it mean simply "fast"?



Not a dumb question. Responsive design is a modern web development technique for building sites that adapt to the screen on which they are being viewed. The idea is to provide a good user experience on mobile, desktop, and tablet with only a single web site (as opposed to detecting mobile/tablet devices and redirecting to a mobile-only version).

To see it in action, go to the link in the OP and just resize your browser window down to tablet size, and then down to mobile.

This is accomplished primarily through CSS3 media queries and fluid layouts (using percentages for element widths instead of fixed widths). You can read about CSS3 media queries here:

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media...

Perhaps the best resource for implementing responsive design is the Bootstrap framework:

http://getbootstrap.com/




Join us for AI Startup School this June 16-17 in San Francisco!

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

Search: