Re: [css-d] Media query workflow across multiple files...
Hi! On Tue, Jul 31, 2012 at 5:26 AM, Tom Livingston wrote: > Pro help? Where? ;-) Pro, and modest too! :D > Here's an example of the code from the head of the document I usually > start from: Awesome! Thanks Tom, that's very helpful :) This will keep me busy for the next few days (at least). Have a great day! Cheers, Micky __ 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/
Re: [css-d] Media query workflow across multiple files...
On Tue, Jul 31, 2012 at 12:32 AM, Micky Hulse wrote: > Thanks a bunch Tom, that's very helpful info. I really appreciate the > pro help! :) > > I'm going to play with workflow ideas you mention. > > I'll probably be back with more questions... For now, have a nice night. > > Cheers, > Micky Pro help? Where? ;-) Here's an example of the code from the head of the document I usually start from: HTH -- Tom Livingston | Senior Interactive 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/
Re: [css-d] Media query workflow across multiple files...
Thanks a bunch Tom, that's very helpful info. I really appreciate the pro help! :) I'm going to play with workflow ideas you mention. I'll probably be back with more questions... For now, have a nice night. Cheers, Micky __ 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/
Re: [css-d] Media query workflow across multiple files...
I can only speak to what I do myself. I have a base sheet and generally two or three others designated by MQ for 768, 922 and sometimes for 480. I've even done one for 600. It really depends on the layout and how it reorganizes. I then link all of these individually in the head. MQs on the link element. I also link the progression of sheets without MQs (except the base which doesn't have an MQ to begin with) in a conditional comment for less than IE9 so I don't need to beat old IE into dealing with MQs. Style organization is kind of a personal thing. If you work better with things broken out as you described then go for it. Ive tried it in a similar fashion and it wasn't for me. The only thing that comes to mind as far as best practice is that the fewer calls to the server you create, the better. Also, some will argue that straight CSS @import is a performance hit, so think hard on that before breaking out your styles to six or seven sheets and then importing them into one linked sheet. I have heard that LESS @imports are more efficient, FWIW. HTH Sent from iOS 5 On Jul 30, 2012, at 7:14 PM, Micky Hulse wrote: > Hello, > > I'm just curious what a good workflow would be for when it comes to > media queries and multiple CSS files. > > I'm building a site where I want to split up my CSS files to make my > CSS easier to edit and maintain. > > Note: I plan on using techniques (I have yet to choose which > technique) to combine/minify/compress JS/CSS for final site. > > With that said, would it be out of the ordinary to have the same media > query(ies) appear across multiple CSS files? > > My main concern is browser parsing speed... Is it best practice to use > as few MQs as possible? > > One thing I dislike about using one set of MQs, in one main CSS file > for example, is how related chunks of CSS become split apart. > > Here's what I'd like to do (for example): > > 1. I'd like to have all my navigation CSS, and their related MQs, in > one CSS file called navigation.css. > 2. All my grid/layout styles, and their related MQs, in a css file > called layout.css. > 3. So on and so forth... > > Should I not worry about having multiple sets of MQs spread out across > many CSS files? Should I bite the bullet and try to consolidate all my > media queries into as few MQs as possible? > > Any tips on best practices? > > Thanks! > M > __ > 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-d] Media query workflow across multiple files...
Hello, I'm just curious what a good workflow would be for when it comes to media queries and multiple CSS files. I'm building a site where I want to split up my CSS files to make my CSS easier to edit and maintain. Note: I plan on using techniques (I have yet to choose which technique) to combine/minify/compress JS/CSS for final site. With that said, would it be out of the ordinary to have the same media query(ies) appear across multiple CSS files? My main concern is browser parsing speed... Is it best practice to use as few MQs as possible? One thing I dislike about using one set of MQs, in one main CSS file for example, is how related chunks of CSS become split apart. Here's what I'd like to do (for example): 1. I'd like to have all my navigation CSS, and their related MQs, in one CSS file called navigation.css. 2. All my grid/layout styles, and their related MQs, in a css file called layout.css. 3. So on and so forth... Should I not worry about having multiple sets of MQs spread out across many CSS files? Should I bite the bullet and try to consolidate all my media queries into as few MQs as possible? Any tips on best practices? Thanks! M __ 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/
