This just came up in my Twitter feed, and looks like it may shine some light on both questions: http://www.adamkaplan.me/grid/.
I just scanned down the page but it seems pretty complete for getting the basics of mobile-first/responsive, including some css examples. On Mon, Feb 24, 2014 at 4:14 PM, Rod Castello <[email protected]>wrote: > Just jumping in here with an additional question that might help Nancy as > well. I've been converting the splash pages where I work to be responsive, > just single pages. So far so good, but the idea of mobile first sounds > attractive. Can anyone recommend some good links for tutorial, articles, > etc. I have a Lynda account, so I'll check there. Thanks in advance. > > Rod Castello > > > On Mon, Feb 24, 2014 at 12:59 PM, Tom Livingston <[email protected]> wrote: > > > > > > > Sent from my iPhone > > > > > On Feb 24, 2014, at 2:37 PM, Nancy Johnson <[email protected]> > wrote: > > > > > > Is there a standard method to use media queries? > > > > > > I took the W3C mobile course about 3 years ago and since then there > > > are many more devices out there each with different size and/or > > > retinal display. > > > > > > > > > > I would start with a fluid grid as this will help keep MQs to a minimum > > and follow Chris's advice as well. I generally start with typical ones > like > > 480, 786, etc. and add other MQs as the content dictates. I highly > > recommend using a mobile first approach and start with a phone size and > > work up to desktop. > > ______________________________________________________________________ > > css-discuss [[email protected]] > > 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 [[email protected]] > 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/ > -- Chris Rockwell ______________________________________________________________________ css-discuss [[email protected]] 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/
