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
Responsive Web Design – Advanced Lesson
21–30 of 50 posts
Re: Responsive Web Design – Advanced Lesson
#22Is 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/
on my laptop this is way worse:
http://news.ycombinator.com/item?id=5091763
Re: Responsive Web Design – Advanced Lesson
#23it is very funny that this page isn't responsive.
Is it funny that your towel isn't always clean? Responsive design has its place and the article describes that quite well. IMHO it shouldn't be applied to the article itself.
> Is it funny that your towel isn't always clean?
This actually made me laugh...
Re: Responsive Web Design – Advanced Lesson
#24Is 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.
There's also a white text-shadow, so plenty of contrast for my eyes.
Re: Responsive Web Design – Advanced Lesson
#25Is 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…
Thank you for bringing up the font scaling issues.. I do about 2/3 of my casual reading on the TV, from the couch (HTPC), and usually have to scale to 125% for readability.. I hate when the font is already too small AND doesn't scale properly.
A point made in the article is important to me as well... there are times when zooming on my phone is important too, and sites/apps that disable this ability make it painful.. I tend to make the initial size device with, and limit scaling to 1-2x, which is generally enough. I wish that more people paid attention to scaling, especially given higher pixel displays on the horizon, and already in mobile devices.
Re: Responsive Web Design – Advanced Lesson
#26I'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, w…
I tend to use CSS for the bulk of layout. Lately leaning on say Twitter Bootstrap as a base... and using JS for some tweening, or other points. I also use Modernizr, and other JS to enhance classes in the HTML element for CSS use. I find this works pretty well... I can keep my rules in CSS, but can enhance them via JS. My enhancers are the only script I put into the HEAD (before the CSS), all other scripts are just before the closing BODY element with ads and analytics last of the scripts. I do think that having a good base CSS knowledge is important.
The exception to this, would be a full-screen site/application where you are using the full field of view for an interactive display, or simulation. Then JS leaning and even canvas are more important for interaction.
Re: Responsive Web Design – Advanced Lesson
#27Is 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 don't have the best vision, and I thought it was fine. I don't know whether it was the slight background texture, or that the colours were different enough, or whether the designer changed it after this feedback - but I didn't find it too difficult.
Re: Responsive Web Design – Advanced Lesson
#28I'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, w…
I'd be interested to see this idea in action - got any sites up as examples?
Re: Responsive Web Design – Advanced Lesson
#29I'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, w…
The biggest reason I like using pure CSS for this is because it separates the display code and functionality code more clearly. Granted, you can and should be doing that with your JS anyway, but the boundaries are clearer if you keep it to CSS and you're less inclined to take shortcuts and start writing complex or hard-to-understand JS.
Re: Responsive Web Design – Advanced Lesson
#30As 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, never how a stupid menu can be a real bother when you have to support two different states, touch and mouse, users without javascript, changing states, IE9 with no CSS3 transition support, etc.
Tutorials show you the easy way, the way which works only for cable users with a fancy Macbook and the last Safari or 4G iPhone users.
In real RWD, what should be easy becomes hard, and nobody'll tell you that.
(btw, i'm not a RWD hater. I just want to warn about its realities.)