I code mostly from scratch without a major framework. I guess you
could call my base "starting point" of a pre-made typical blank html
document a framework of sorts, but that's it. The responsiveness is
the result of a mobile-first approach using media queries. That's it.
There is a polyfill for IE 7/8 called respond.js (and maybe others)
but my experience with it wasn't that good. Generally I don't like
polyfilling everything under the sun and avoid them if possible, but
I'm not "in charge" where I work, so sometimes I get over ruled.
I use .scss and use it to import my different style sheets based on
break points, each one wrapped in an MQ, like this:
@media only screen and (min-width: 480px) {
@import "480.scss";
}
@media only screen and (min-width: 600px) {
@import "600.scss";
}
etc...
Then in a conditional comment for <ie9, I link to a second sheet that
is created the same was as above, but without the MQs. This results in
a desktop only display because of the cascade and some minor
IE-specific additions to my styles. I have a conditional around my
html element to add IE-specific classes based on version.
I posted about this a while back in another thread. It's a little
low-fi, but works well for me.
Let me know if you have other questions, off-list or on.
On Sat, Sep 14, 2013 at 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/
--
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/
