4 ms·
Having designed www.mogotix.com, which is completely responsive, I can say that fluid layouts absolutely create challenges that fixed layouts do not. That said,
by joshuamerrill 15y ago
Having designed www.mogotix.com, which is completely responsive, I can say that fluid layouts absolutely create challenges that fixed layouts do not. That said, they're not insurmountable, and the benefits are substantial.
- joshuamerrill 15y agoElaborating: some things that are simple in a fixed layout can become very difficult in fluid ones. Two brief examples: 1. Try embedding a YouTube video into a fluid layout. You'll need a JavaScript solution to remove the ugly black bands that will appear above and below your video. 2. IE 6-8 do not support media queries, which form the basis for fluid layouts. When we relaunched MogoTix in March 2011, I had to include a jQuery script to get IE to understand media queries (that script is now included by default in the 1140px grid at cssgrid.net). If anyone has questions about implementing a fluid layout, feel free to ask.
- matthewbuchanan 15y agoParavel and Chris Coyier released fitvids.js last week which solves the fluid video embeds issue pretty nicely (fitvidsjs.com).
- mazuhl 15y agoHow do you overcome making sure mobile devices don't download lots of images/interactive components they won't/don't/can't display?
- eropple 15y agoI don't know about the person you're replying to, but I'll inject interactive components after page load (blocking them out so as not to cause reflowing, and hiding those blocks via media queries on inapplicable devices). Images, etc. are certainly trickier, I haven't found a good way to do that.