On Tue Jan 27 2015 at 11:39:34 AM Nancy Johnson <njohnso...@gmail.com> wrote:
> two questions: > 1. What are the best practices 2015 for media query breakpoints? > 2. What are best practices in reducing CSS bloat? > > Thank you > > Nancy Johnson > Ni Nancy, I don't know about '2015', but I'd say best practice for breakpoints is to let the content dictate when tweaks are necessary. I start with "typical" ones: 480, 600, 768 and 960 (in em units these days) but adjust these and add/remove when the content needs help. In a mobile first situation (which I strongly recommend) you might start out with base styles for your mobile layout - along with your style base for fonts, color etc - and then open the browser window until you see that the layout needs help (read 'looks like poo') and add a breakpoint. Repeat. As far as bloat, don't get overly specific (something I struggle with). KISS (keep it simple, stupid) methodology as well as modular css goes a long way. Watch that you don't repeat yourself with styles. Reuse them. SASS is helpful with re-use, but can get bloaty pretty fast especially with nesting. Something I have to work on myself. HTH, YMMV ______________________________________________________________________ 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/
