On Thu, Nov 6, 2014 at 9:43 AM, Crest Christopher < crestchristop...@gmail.com> wrote:
> I'd like to read the article, when you find the link. > There is only one issue, if I'm doing my own custom design with a > smorgasbord of images etc. I have to find the largest, suppose a 5K image, > then do my design magic in Photoshop, then scale the design at different > resolutions. Question is, how many resolutions, one, three, five... ? > > Christopher > > Breakpoints should be based on the needs of the content. Start with "phone" size, open up your viewport until the content starts to look like it needs work, and add a breakpoint there. Make layout adjustments. Repeat. That said, there are GENERAL breakpoints at 480 (phone landscape), 600, 768 and 960. Add more breakpoints anywhere you need to. Don't use any of these if you don't need to (because the content works fine without an adjustment at these breakpoints). Again, this assumes a mobile-first build (because that's best). Here's the article. Test five is what I am referring to. http://timkadlec.com/2012/04/media-query-asset-downloading-results/ HTH -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ 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/
