Re: [css-d] Trying to get the big picture view on responsive design

2013-11-14 Thread william drescher
On 11/13/2013 7:26 AM, william drescher wrote: ... Fluid/flexible layouts are, IMO, best. Like you mention, new devices are coming out all the time. Percentage width on your structure help you cover all the varying widths. Start mobile first, and adjust layout with breakpoints when the

Re: [css-d] Trying to get the big picture view on responsive design

2013-11-13 Thread william drescher
... Fluid/flexible layouts are, IMO, best. Like you mention, new devices are coming out all the time. Percentage width on your structure help you cover all the varying widths. Start mobile first, and adjust layout with breakpoints when the *content* requires it. Sometimes a single column is all

Re: [css-d] Trying to get the big picture view on responsive design

2013-11-13 Thread Tim Arnold
On Wed, Nov 13, 2013 at 7:26 AM, william drescher will...@techservsys.com wrote: I looked and googled but... what is a css breakpoint? Is it just setting width ? bill Breakpoints are points at which certain CSS rules kick in. They are most commonly based on the width of your browser

Re: [css-d] Trying to get the big picture view on responsive design

2013-11-13 Thread Colin (Sandy) Pittendrigh
many such breakpoints (out there in practice) are defined in ems, even when the author is thinking pixels, where one EM is calculated as 16 pixels. /* for 600px ...(16 * 37.5 == 600) */ @media all and (min-width: 37.5em) { ...css goes here } I've been doing this because the examples I

Re: [css-d] Trying to get the big picture view on responsive design

2013-11-13 Thread Philippe Wittenbergh
Le 13 nov. 2013 à 22:44, Colin (Sandy) Pittendrigh sandy.pittendr...@gmail.com a écrit : many such breakpoints (out there in practice) are defined in ems, even when the author is thinking pixels, where one EM is calculated as 16 pixels. /* for 600px ...(16 * 37.5 == 600) */ @media

Re: [css-d] Trying to get the big picture view on responsive design

2013-11-12 Thread Colin (Sandy) Pittendrigh
Good responses. Thank you all. This has helped me clarify the issues. I have yet to design a site phones first, from the ground up. I'm currently busy trying to retrofit a few older ones. I am discovering I want to send different markup down the pipe--however--rather than media query CSS edits

[css-d] Trying to get the big picture view on responsive design

2013-11-11 Thread Colin (Sandy) Pittendrigh
I'm a beginner at responsive design. I understand the mobile first argument which (at least from the client side) boils down to Design for the phone first and then use CSS media queries to vary floats and widths as needed, and to use javascript to add non-essential images on the fly, for larger

Re: [css-d] Trying to get the big picture view on responsive design

2013-11-11 Thread Tom Livingston
On Mon, Nov 11, 2013 at 2:37 PM, Colin (Sandy) Pittendrigh sandy.pittendr...@gmail.com wrote: I'm a beginner at responsive design. I understand the mobile first argument which (at least from the client side) boils down to Design for the phone first and then use CSS media queries to vary floats

Re: [css-d] Trying to get the big picture view on responsive design

2013-11-11 Thread MiB
11 nov 2013 21.06 Chris Rockwell: responsive design is fluid design I do think that here a better term, than fluid design, is adaptive design, which means the design will adapt to the context. Fluid leads the thought to a specific set of design techniques, which do not give the complete

Re: [css-d] Trying to get the big picture view on responsive design

2013-11-11 Thread Chris Rockwell
I see your point MiB. I was trying to make the point that fluid design responds to the screen size, adding in breakpoints only enhances that response. On Mon, Nov 11, 2013 at 3:36 PM, MiB digital.disc...@gmail.com wrote: 11 nov 2013 21.06 Chris Rockwell: responsive design is fluid design

Re: [css-d] Trying to get the big picture view on responsive design

2013-11-11 Thread MiB
11 nov 2013 21.38 Chris Rockwell: I see your point MiB. I was trying to make the point that fluid design responds to the screen size, adding in breakpoints only enhances that response. Yes, that's currently how I do it technically too, but it's of course just a set of possible techniques