I prefer to deliver desktop only to older browsers, so your "inline" MQs would make this more difficult as you would need to make/write a separate sheet to pull this off. While my method uses a second sheet for IE, i'm not actually writing another sheet because I am just importing my main sheets a second time. No extra work.
I've picked up a project that someone else did, and they used the method you describe. I found it harder to work with. But that's just me. It was also desktop down as opposed to mobile first, which REALLY messed with my head. On Sat, Sep 14, 2013 at 3:54 PM, Chris Rockwell <ch...@chrisrockwell.com> wrote: > Touche`… > > Id be interested in learning more about your workflow Tom (and anyone else > that cares to discuss). I'm torn between a method similar to what you > descibed and doing something with sass where you media queries are "inline" > with all CSS, like: > > body { > ...declarations > @media min-width {} > } > > Recently I've been leaning more towards this way because it gives me the > ability to see the whole picture without moving from file to file. However, > I'm constantly questioning whether its the best way or not. > > On Sep 14, 2013 3:46 PM, "Tom Livingston" <tom...@gmail.com> wrote: >> >> At it's simplest, it's a page of text, but who's gonna really want >> just that! ;-) >> >> On Sat, Sep 14, 2013 at 3:33 PM, Chris Rockwell <ch...@chrisrockwell.com> >> wrote: >> > Karl, >> > >> > Responsiveness should definitely not rely on JavaScript. At its simplest >> > form, responsiveness could be floated or inline-block elements set with >> > widths that are relative (e.g not pixel). Then again, with extensive >> > media >> > queries you could use fixed widths. >> > On Sep 14, 2013 3:22 PM, "Karl DeSaulniers" <k...@designdrumm.com> >> > wrote: >> > >> >> @Tom >> >> Thanks for the response. So how does it react with say IE7, safari 1, >> >> firefox 3, etc? >> >> Or javascript disabled browsers? I guess my point is that to have a >> >> responsive website, "normally" the responsiveness is dependent on a >> >> javascript framework, like bootstrap for example. No javascript no >> >> responsive. >> >> >> >> Hence the navigation wouldn't matter if it relied on javascript or not >> >> because the basis of your website does. The responsiveness. >> >> Unless I am just totally out of the loop (this is not an impossible >> >> assumption =) and there is a non-javascript responsive design... ? >> >> If so, I am all ears/eyes. >> >> >> >> Best, >> >> >> >> Karl DeSaulniers >> >> Design Drumm >> >> http://designdrumm.com >> >> >> >> >> >> >> >> On Sep 14, 2013, at 2:07 PM, Tom Livingston wrote: >> >> >> >> > The responsiveness does work with IE9 and above as well as the usual >> >> > good browsers. Carousels and the like won't, obviously. >> >> > >> >> > On Sat, Sep 14, 2013 at 2:54 PM, Karl DeSaulniers >> >> > <k...@designdrumm.com> >> >> wrote: >> >> >> @Tom: Does your responsive site work with javascript disabled? >> >> >> Is it responsive without it? >> >> >> >> >> >> Best, >> >> >> >> >> >> Karl DeSaulniers >> >> >> Design Drumm >> >> >> http://designdrumm.com >> >> >> >> >> >> >> >> >> >> >> >> On Sep 14, 2013, at 10:36 AM, Philip Taylor wrote: >> >> >> >> >> >>> >> >> >>> >> >> >>> Tom Livingston wrote: >> >> >>> >> >> >>>> I personally wouldn't want the main function of my navigation, on >> >> >>>> a >> >> >>>> responsive site intended for many devices of varying ability, to >> >> >>>> be >> >> >>>> dependent on JS. Added effects, progressively enhanced, maybe, but >> >> not the >> >> >>>> main base function of navigating the site. >> >> >>> >> >> >>> 100% agreement. >> >> >>> Philip Taylor >> >> >>> >> >> >>> ______________________________________________________________________ >> >> >>> css-discuss [css-d@lists.css-discuss.org] >> >> >>> http://www.css-discuss.org/mailman/listinfo/css-d >> >> >>> List wiki/FAQ -- http://css-discuss.incutio.com/ >> >> >>> List policies -- http://css-discuss.org/policies.html >> >> >>> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ >> >> >> >> >> >> >> >> >> ______________________________________________________________________ >> >> >> css-discuss [css-d@lists.css-discuss.org] >> >> >> http://www.css-discuss.org/mailman/listinfo/css-d >> >> >> List wiki/FAQ -- http://css-discuss.incutio.com/ >> >> >> List policies -- http://css-discuss.org/policies.html >> >> >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ >> >> > >> >> > >> >> > >> >> > -- >> >> > >> >> > Tom Livingston | Senior Front-End Developer | Media Logic | >> >> > ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com >> >> > >> >> > ______________________________________________________________________ >> >> > css-discuss [css-d@lists.css-discuss.org] >> >> > http://www.css-discuss.org/mailman/listinfo/css-d >> >> > List wiki/FAQ -- http://css-discuss.incutio.com/ >> >> > List policies -- http://css-discuss.org/policies.html >> >> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ >> >> >> >> ______________________________________________________________________ >> >> css-discuss [css-d@lists.css-discuss.org] >> >> http://www.css-discuss.org/mailman/listinfo/css-d >> >> List wiki/FAQ -- http://css-discuss.incutio.com/ >> >> List policies -- http://css-discuss.org/policies.html >> >> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ >> >> >> > ______________________________________________________________________ >> > css-discuss [css-d@lists.css-discuss.org] >> > http://www.css-discuss.org/mailman/listinfo/css-d >> > List wiki/FAQ -- http://css-discuss.incutio.com/ >> > List policies -- http://css-discuss.org/policies.html >> > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ >> >> >> >> -- >> >> Tom Livingston | Senior Front-End Developer | Media Logic | >> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/