Question

Can somebody throw some light as to what are the various ways this Site is using to be responsive. Especially how is the top and left navigation changing to drop down , when you when you re size the browser.

http://www.smashingmagazine.com

I am sure this doesn’t use twitter bootstrap. Are they any better ways to go responsive without leveraging twitter bootstrap.

Answer 1

Responsive design has been around in name longer than Twitter Bootstrap, and in principal it has been around for even longer.

Are they any better ways to go responsive without leveraging twitter
bootstrap.

“Better” is subjective, but there are many ways:

• Another out of the box framework
• Media queries
• JavaScript to adjust the page layout (your own, or something like Masonry)
• Floating elements which wrap based on width
• Percentage-based layouts
• All of the above

The site you linked to actually has good info on responsive design: http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/

These frameworks look interesting:

• http://framelessgrid.com/
• http://webexpedition18.com/articles/responsive-css-frameworks/
• http://foundation.zurb.com/