<story><title>Responsive Web Design – Advanced Lesson</title><url>http://learn.shayhowe.com/advanced-html-css/responsive-web-design</url></story><parent_chain></parent_chain><comment><author>gfodor</author><text>As someone who&apos;s been asleep at the switch with regards to responsive design I get the sense that it&apos;s, well, hard. Has anyone written about the &quot;responsive design vs forking the website for mobile&quot; tradeoff? If I were to start hacking together a site today I would probably just create two or three completely different layouts and DRY things up as much as I could in code, instead of trying to get the stars to align and get my browser to render the same assets correctly in all browsers.&lt;p&gt;In other words, responsive design seems to bring under the fold a use case that does not exist: physically resizing a browser window from a desktop size to a mobile size and having a page render correctly as you do it. Its a nice trick, but unless you assume the &lt;i&gt;same client&lt;/i&gt; is going to need to see the content &quot;respond&quot; to changes in window size, then it seems prudent to take that use case off the list and simplify the implementation around the real use case: a client with a pre-defined browser window size hits a page and renders it, full stop. (with some small flexibility since users on desktop browsers do resize their window by some % occasionally) (Ie, if you focus on this case, simplest solution may be to fork it at render time in code where you have to and keep the CSS/etc straightforward.)</text></comment>
<story><title>Responsive Web Design – Advanced Lesson</title><url>http://learn.shayhowe.com/advanced-html-css/responsive-web-design</url></story><parent_chain></parent_chain><comment><author>kronholm</author><text>I&apos;ve only ever done responsive via JavaScript, as I often need to target as many old and new browsers as possible. It seems like my method is way easier and faster than this &quot;new&quot; fancy CSS way. Does anyone have any experiences with both approaches, and if yes, which do you prefer?&lt;p&gt;For those wondering: My method is pretty simple - I use a global ratio which is multiplied with width/heights, and a resize() function, which is called when the page is loaded and resized.&lt;p&gt;Edit: Long timer HN lurker, registered to post this. Also forgot to say I enjoyed the article, thanks!</text></comment>