To clarify, I'm delivering desktop only to old IE.
On Sat, Sep 14, 2013 at 3:59 PM, Tom Livingston <tom...@gmail.com> wrote:
> 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
--
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/
