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
...
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
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
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
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
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
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
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
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
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
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
11 matches
Mail list logo