Live data from Hacker News

Responsive Web Design – Advanced Lesson

learn.shayhowe.com

31–40 of 50 posts

Re: Responsive Web Design – Advanced Lesson

#31
post #30

As usual, nothing on cross-browser compatibility (respond.js, modernizr...), nothing on speed optimisation (a real problem in RWD), on backends issues (regarding the multiples images needed), etc... It often strikes me, reading these tutorials about RWD, than the authors know all very well the theory but have never done a real (ie for a client) responsive website in their life. It's all generic and general stuff, nev…

I barely skimmed the article (I've written myself about responsive design here: http://www.ibm.com/developerworks/library/wa-cssqueries/inde...), but he does mention cross-browser compatibility and respond.js in particular.

Re: Responsive Web Design – Advanced Lesson

#34
post #30

As usual, nothing on cross-browser compatibility (respond.js, modernizr...), nothing on speed optimisation (a real problem in RWD), on backends issues (regarding the multiples images needed), etc... It often strikes me, reading these tutorials about RWD, than the authors know all very well the theory but have never done a real (ie for a client) responsive website in their life. It's all generic and general stuff, nev…

>As usual, nothing on cross-browser compatibility (respond.js, modernizr...), nothing on speed optimisation (a real problem in RWD), on backends issues (regarding the multiples images needed), etc...

Well these could all be articles in themselves really. I think this highlights the fact that RWD isn't simply a case of just shrinking your 'full' website down to mobile phone size. It is a rather broad subject and not really one that can summarised quickly in a single article.

If you would like to delve deeper into the subject then I would recommend checking out Brad Frost's articles. This is a great starting point http://bradfrost.github.com/this-is-responsive/resources.htm...

Re: Responsive Web Design – Advanced Lesson

#35
post #21

Is there any point in having medium-grey text on a slightly lighter grey backgound, other than to make it very hard to read? http://contrastrebellion.com/

I like how the "Like" count is light-grey on black. http://i.imgur.com/6HVmt1S.png

dark grey!

Re: Responsive Web Design – Advanced Lesson

#37
post #15

Is there any point in having medium-grey text on a slightly lighter grey backgound, other than to make it very hard to read? http://contrastrebellion.com/

It's easy on my eyes on my monitors. And it's #555 on #fafbfc, hardly "slightly lighter". For that font size/weight I would have gone #333/444 but it's pretty close.

The text is not too bad. I was thinking more of the code examples such as thnis one: http://i.imgur.com/YBgOIpv.png

Re: Responsive Web Design – Advanced Lesson

#38
As someone who's been asleep at the switch with regards to responsive design I get the sense that it's, well, hard. Has anyone written about the "responsive design vs forking the website for mobile" 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.

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 same client is going to need to see the content "respond" 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.)

Re: Responsive Web Design – Advanced Lesson

#39

Is there any point in having medium-grey text on a slightly lighter grey backgound, other than to make it very hard to read? http://contrastrebellion.com/

Thank you for sharing the Contrast Rebellion link. I will link to that from the updating version of the colophon of my personal website as I do personal website updates this year. I wish I could upvote that link more than once, as there are many websites posted in designs with too little contrast for reading. And speaking of readability, there are still too many sites that break if a user resizes the browser font siz…

Might I ask what browser you're using?

Older browsers used to just resize the font inline, and leave other elements alone, but most modern browsers resize everything these days when you use those commands, so sites shouldn't look any different when scaled up or down. It's been this way for a long time, it seems.

Re: Responsive Web Design – Advanced Lesson

#40
post #38

As someone who's been asleep at the switch with regards to responsive design I get the sense that it's, well, hard. Has anyone written about the "responsive design vs forking the website for mobile" 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 a…

I've always assumed the benefit is that you don't have to maintain a separate set of files for each window size... but it seems like, for all intents and purposes, you might as well be if you have to set up special cases for all sorts of window sizes, just in one document.
Post reply on HN