No mention of calc with hard definitions as a fallback? Besides Opera, it's fully adopted on desktop browsers (including IE), Firefox for Android and soon on BlackBerry.
Responsive Web Design – Advanced Lesson
11–20 of 50 posts
Re: Responsive Web Design – Advanced Lesson
#12I spent a couple of nights last week reading the beginners course. I've put together a couple of simple websites already, but always using a "copy-paste-hack it about until it works" methodoly.
The beginners course was a great way to get the fundamentals straight in my head. Very well written and understandable.
Thanks Shay!
Re: Responsive Web Design – Advanced Lesson
#13Is 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/
Re: Responsive Web Design – Advanced Lesson
#14Is 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 size (done with CTRL-+ or an analogous Apple command on most browsers), although that is not a problem with the site kindly submitted here to open this thread.
Re: Responsive Web Design – Advanced Lesson
#15Is 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.
Re: Responsive Web Design – Advanced Lesson
#16My browser (chrome) freezed-up for a few seconds. Seriously.
Re: Responsive Web Design – Advanced Lesson
#17This is good stuff. Would be great if it went right in and also talked about limitations like fewer ports-per-connection, poor standards support e.g. stuff like unsupported position:fixed property, dead file-input field, terrible response times for tap/long-tap etc. I mean responsive layout for presentation of content (blog/BS) is fairly easy. For an interactive web-app however, design logic goes quite in the opposit…
http://html5rocks.com seems to be a wealth of resources. What in particular did you find useful?
Re: Responsive Web Design – Advanced Lesson
#18I'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 "new" fancy CSS way. Does anyone have any experiences with both approaches, and if yes, which do you prefer?
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.
Edit: Long timer HN lurker, registered to post this. Also forgot to say I enjoyed the article, thanks!
Re: Responsive Web Design – Advanced Lesson
#19Is 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 always amuses me when this gets posted on HN. As a link, it appears as medium grey on slightly lighter grey.
Re: Responsive Web Design – Advanced Lesson
#20Is 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/
Its looks good in the eyes of a designer, but sucks for users. I can't read shit and made my eyes hurt (for real). I can't even comment on the content because I can't read it.
First rule of producing good content:
1. Make sure people can read it.