5 ms·
It is worth checking out. Really neat how well it does go from big to small. Was this done with Javascript/jQuery?
by joshmlewis 15y ago
It is worth checking out. Really neat how well it does go from big to small. Was this done with Javascript/jQuery?
- 1m27d 15y agoIt looks like they're using HTML5 Boilerplate.
- nek4life 15y agoI'm guessing a combination of javascript and css media queries. http://twitter.com/#!/beep http://twitter.com/#!/beep and http://twitter.com/#!/scottjehl http://twitter.com/#!/scottjehl were both part of this project. Ethan Marcotte has a responsive web design book that recently came out. http://www.abookapart.com/products/responsive-web-design http://www.abookapart.com/products/responsive-web-design I think there's 20% off today with the code BOSTON for the launch of the Globe's site as well.
- regularfry 15y agoIn principle it's doable with just CSS properties, but I don't know quite how good the browser support is.
- dorian-graph 15y agoNope, by what I can see. Basically all CSS[3]. The JS they have seems to be for libraries like Modernzr (HTML5 related) and some other things. Basically, in the CSS there is code like "@media screen and (min-width: 480px) {}" where everything within the curly braces is ONLY for browser windows that are > 480px. So, you can do all sorts of combinations like max-width: AND min-width:. When the window is resized it uses new rules. AFAIK people refer to this as 'Responsive web design' and thankfully is being picked up by a lot of designers/developers. There's a ton of ready-made CSS frameworks and the like available for people to use. (People, feel free to correct/clarify my explanation)