Re: [css-d] Grid System

2014-10-20 Thread David Hucklesby 

On 10/20/14, 2:16 AM, MiB wrote:


okt 20 2014 11:08 MiB :


Grids are not hocus locus.




I’m giving this response a "Like" :)

--
Cordially,
David
__
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/

Re: [css-d] Grid System

2014-10-20 Thread Tom Livingston 
On Monday, October 20, 2014, David Hucklesby  wrote:

> On 10/20/14, 2:16 AM, MiB wrote:
>
>>
>> okt 20 2014 11:08 MiB :
>>
>>  Grids are not hocus locus.
>>>
>>
>>
> I’m giving this response a "Like" :)



Magic plague ;-)



-- 

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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 

okt 20 2014 12:57 MiB :

> If it’s 978 px, the element width will be based on that and if it’s 500px or 
> 1200px it will be base on those numbers.

I should have used plural ”widths” here, as the width property is of course 
only a part of the width an element will take up.

__
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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 

okt 20 2014 13:02 Tom Livingston :

> Even given that, mixing units is going to cause issues, especially for those 
> just learning. I recommend using percentage for all, as in David L's example. 

That’s a good start, but percentage values does have to be controlled to not 
yield silly results in more extreme cases. I’ve used Media Queries and 
min-width/max-width with acceptable results. I think ems work better for 
gutters, even as they do add some unpredictability. That can be handled. 

I think the best way to learn is to experiment and exercise control over your 
CSS. If you use a framework, learn it properly. 

__
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/

Re: [css-d] Grid System

2014-10-20 Thread Tom Livingston 
On Monday, October 20, 2014, Tom Livingston  wrote:

>
>
> On Monday, October 20, 2014, MiB  > wrote:
>
>>
>>
>> okt 20 2014 12:20 Philip Taylor :
>>
>> > On the contrary, I want to challenge your assertion that "you can
>> translate from px sizing to percentages" for all but the most trivial of
>> cases.  If /everything/ was originally expressed in pixels, then of course
>> you can translate from px sizing to percentages (a child of five would know
>> how to do that), but if some elements of the original design were expressed
>> in less tangible units (percent, ems, rems, etc), then it should be
>> patently obvious to you that you can NOT translate from px sizing to
>> percentages.
>>
>>  Your challenge is futile. An example was given about grids expressed in
>> pixels. GJim said that percentages were used. That is the context.
>>
>> When I said "you can translate from px sizing to percentages” grids is
>> the context for that claim (Specifically the example used). You’re trying
>> the silly exercise to take that sentence out of that context, to imply I
>> meant it in general terms. A child could understand that was not the case.
>>
>> Consider context, not only when translating pixel-expressed designs, but
>> also when reading this list.
>>
>> 
>>
>
>
>
>>
I'll assume that the context is the 978 referenced in the OP in the url.

Even given that, mixing units is going to cause issues, especially for
those just learning. I recommend using percentage for all, as in David L's
example.


-- 

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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 

okt 20 2014 12:56 Philip Taylor :

> Make context explicit as a part of your assertions, don't rely on others 
> inferring it. Study the pragmatics of discourse.

Yes Philip, I’ll assume you don’t read all relevant posts in the thread you’re 
posting in, in the future.

__
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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 

okt 20 2014 12:32 Tom Livingston :

> I have to agree with Philip here. If you don't know context you can use the 
> formula you referenced. That, I believe, is his point. Viewport width is not 
> something you will know. 

Agree on the obvious, you mean? In the given example, the context was known. It 
was 978px total width. If you assume those 978px are 100% of the viewport 
width, the size of which is really irrelevant as you don’t know the viewport 
size ever without scripting, then percentages for element widths including 
gutters are based on those 100% of actual x px width. If it’s 978 px, the 
element width will be based on that and if it’s 500px or 1200px it will be base 
on those numbers.

That there are ways of setting limits on when you express element widths in 
percentages, should not come as a surprise. There exists media queries, which 
means you could have a minimum width and a maximum width and shift from gutters 
expressed in pixels to gutters expressed in percentages or ems (I prefer the 
latter). This is how I usually do it and I assume everybody does something 
similar.  
> 
> If, for example, you know your content will be a max-width of 960px, then you 
> can work off of that in the formula.
Which was the case, as there was an example. Why pretend there wasn’t a proper 
example that was framing what was being said?
http://www.webdesignerwall.com/wp-content/uploads/2010/09/978-grid.gif

> 
> Also, I'd recommend not mixing units as you could be creating a small 
> annoying mess. Gutters can be small percentages as well, figured out with 
> that same formula.

Generally, that’s good advice, but it really depends on the design requirements.
__
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/

Re: [css-d] Grid System

2014-10-20 Thread Philip Taylor 



MiB wrote:


Consider context, not only when translating pixel-expressed designs, but also 
when reading this list.


Make context explicit as a part of your assertions, don't rely on others 
inferring it.  Study the pragmatics of discourse.


Philip Taylor
__
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/

Re: [css-d] Grid System

2014-10-20 Thread Tom Livingston 
On Monday, October 20, 2014, MiB  wrote:

>
>
> okt 20 2014 12:20 Philip Taylor >:
>
> > On the contrary, I want to challenge your assertion that "you can
> translate from px sizing to percentages" for all but the most trivial of
> cases.  If /everything/ was originally expressed in pixels, then of course
> you can translate from px sizing to percentages (a child of five would know
> how to do that), but if some elements of the original design were expressed
> in less tangible units (percent, ems, rems, etc), then it should be
> patently obvious to you that you can NOT translate from px sizing to
> percentages.
>
>  Your challenge is futile. An example was given about grids expressed in
> pixels. GJim said that percentages were used. That is the context.
>
> When I said "you can translate from px sizing to percentages” grids is the
> context for that claim (Specifically the example used). You’re trying the
> silly exercise to take that sentence out of that context, to imply I meant
> it in general terms. A child could understand that was not the case.
>
> Consider context, not only when translating pixel-expressed designs, but
> also when reading this list.
>
> 
>


I'm sorry. I must have missed the context mentioned. I only saw references
to fixed width gutters. I'll re-read.


-- 

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/

Re: [css-d] Grid System

2014-10-20 Thread David Laakso 
On Mon, Oct 20, 2014 at 6:39 AM, David Laakso  wrote:
> On Sat, Oct 18, 2014 at 6:28 PM, Crest Christopher
>  wrote:
>
>> I have a css grid question..[trimmed]
>> Thanks
>> Christopher
>
> Christopher,
>
> This does not answer your specific questions. It is simply a coded
> example of a  three column responsive grid layout. Variations of
> column widths and their respective gutters/margins within the same
> layout is possible. Percent is used for the fluid columns and the
> margins [gutters]. Open in a full window and drag to a 480px mobile
> window. It is a spin on this method: responsivegridsystem.com
>


Sorry. The uri is http://ccstudi.com/site/playpen/layouts/grid.html


> Good luck.
>
> Best,
> David Laakso
>
> Chelsea Creek Studio
> http://ccstudi.com
> desktop | laptop | tablet | mobile



-- 
Chelsea Creek Studio
http://ccstudi.com
desktop | laptop | tablet | mobile
__
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/

Re: [css-d] Grid System

2014-10-20 Thread David Laakso 
On Sat, Oct 18, 2014 at 6:28 PM, Crest Christopher
 wrote:

> I have a css grid question..[trimmed]
> Thanks
> Christopher

Christopher,

This does not answer your specific questions. It is simply a coded
example of a  three column responsive grid layout. Variations of
column widths and their respective gutters/margins within the same
layout is possible. Percent is used for the fluid columns and the
margins [gutters]. Open in a full window and drag to a 480px mobile
window. It is a spin on this method: responsivegridsystem.com

Good luck.

Best,
David Laakso

Chelsea Creek Studio
http://ccstudi.com
desktop | laptop | tablet | mobile
__
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/

Re: [css-d] Grid System

2014-10-20 Thread Tom Livingston 
Sorry, that should read "If you don't know context you CAN'T use the
formula..."

Another victim of auto correct...

On Monday, October 20, 2014, Tom Livingston  wrote:

> I have to agree with Philip here. If you don't know context you can use
> the formula you referenced. That, I believe, is his point. Viewport width
> is not something you will know.
>
> If, for example, you know your content will be a max-width of 960px, then
> you can work off of that in the formula.
>
> Also, I'd recommend not mixing units as you could be creating a small
> annoying mess. Gutters can be small percentages as well, figured out with
> that same formula.
>
> No, I'm not a troll.
>
>
>
> On Monday, October 20, 2014, Philip Taylor  > wrote:
>
>>
>>
>> MiB wrote:
>>
>>  You clearly [...] want to waste my time and the readers of this email
>>>
>> discussion list.
>>
>> On the contrary, I want to challenge your assertion that "you can
>> translate from px sizing to percentages" for all but the most trivial of
>> cases.  If /everything/ was originally expressed in pixels, then of course
>> you can translate from px sizing to percentages (a child of five would know
>> how to do that), but if some elements of the original design were expressed
>> in less tangible units (percent, ems, rems, etc), then it should be
>> patently obvious to you that you can NOT translate from px sizing to
>> percentages.
>>
>> Philip Taylor
>> __
>> 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/
>>
>
>
> --
>
> Tom Livingston | Senior Front-End Developer | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
>
>
> #663399
>
>

-- 

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/

Re: [css-d] Grid System

2014-10-20 Thread Tom Livingston 
I have to agree with Philip here. If you don't know context you can use the
formula you referenced. That, I believe, is his point. Viewport width is
not something you will know.

If, for example, you know your content will be a max-width of 960px, then
you can work off of that in the formula.

Also, I'd recommend not mixing units as you could be creating a small
annoying mess. Gutters can be small percentages as well, figured out with
that same formula.

No, I'm not a troll.



On Monday, October 20, 2014, Philip Taylor  wrote:

>
>
> MiB wrote:
>
>  You clearly [...] want to waste my time and the readers of this email
>>
> discussion list.
>
> On the contrary, I want to challenge your assertion that "you can
> translate from px sizing to percentages" for all but the most trivial of
> cases.  If /everything/ was originally expressed in pixels, then of course
> you can translate from px sizing to percentages (a child of five would know
> how to do that), but if some elements of the original design were expressed
> in less tangible units (percent, ems, rems, etc), then it should be
> patently obvious to you that you can NOT translate from px sizing to
> percentages.
>
> Philip Taylor
> __
> 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/
>


-- 

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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 


okt 20 2014 12:20 Philip Taylor :

> On the contrary, I want to challenge your assertion that "you can translate 
> from px sizing to percentages" for all but the most trivial of cases.  If 
> /everything/ was originally expressed in pixels, then of course you can 
> translate from px sizing to percentages (a child of five would know how to do 
> that), but if some elements of the original design were expressed in less 
> tangible units (percent, ems, rems, etc), then it should be patently obvious 
> to you that you can NOT translate from px sizing to percentages.

 Your challenge is futile. An example was given about grids expressed in 
pixels. GJim said that percentages were used. That is the context.

When I said "you can translate from px sizing to percentages” grids is the 
context for that claim (Specifically the example used). You’re trying the silly 
exercise to take that sentence out of that context, to imply I meant it in 
general terms. A child could understand that was not the case.

Consider context, not only when translating pixel-expressed designs, but also 
when reading this list.

__
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/

Re: [css-d] Grid System

2014-10-20 Thread Philip Taylor 



MiB wrote:

You clearly [...] want to waste my time and the readers of this email 

discussion list.

On the contrary, I want to challenge your assertion that "you can 
translate from px sizing to percentages" for all but the most trivial of 
cases.  If /everything/ was originally expressed in pixels, then of 
course you can translate from px sizing to percentages (a child of five 
would know how to do that), but if some elements of the original design 
were expressed in less tangible units (percent, ems, rems, etc), then it 
should be patently obvious to you that you can NOT translate from px 
sizing to percentages.


Philip Taylor
__
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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 

okt 20 2014 11:25 Philip Taylor :

> 
> MiB wrote:
> 
>> What part of ”will explain it all” did you not like?
> 
> The part where you consistently avoid my question.


So you admit being a troll? You’re not here to learn and share knowledge, like 
the a majority of the other members? 

I answered it, but not in the way you would have preferred. I refuse to believe 
you’re that daft you can’t comprehend that simple formula. Its simpleness does 
not limit its usefulness. I also refuse to believe you can’t read an article. 
Unless you really don’t want to know.

I’m not your research department. Your questions are based on you trying to 
create an unrealistic example totally uninteresting for real world work, as if 
you don’t know the first thing about CSS design and development. Which I must 
assume you know something about. You clearly have an hidden agenda and want to 
waste my time and the readers of this email discussion list.

__
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/

Re: [css-d] Grid System

2014-10-20 Thread Philip Taylor 



MiB wrote:


What part of ”will explain it all” did you not like?


The part where you consistently avoid my question.
Philip Taylor
__
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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 

okt 20 2014 11:17 Philip Taylor :

> But when your context is 100% and your target is 16px (or any other number of 
> px), what then ?

I refuse to answer any more questions like this one form you until you have 
read the article I linked to. What part of ”will explain it all” did you not 
like?

__
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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 

okt 20 2014 01:14 Crest Christopher :

> You can use pixels instead of percentages for a fluid layout ?

You can use pixels for the parts of the grid you want to be inflexible, like 
gutters. This will break relative relationships so must be handled with care. 

__
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/

Re: [css-d] Grid System

2014-10-20 Thread Philip Taylor 



MiB wrote:


Unfortunately I must do work now, but the (classic) basic context-aware formula 
is target ÷ context = result.


But when your context is 100% and your target is 16px (or any other 
number of px), what then ?


Philip Taylor
__
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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 

okt 20 2014 11:08 MiB :

> Grids are not hocus locus.

Grids are not hocus pocus either. OS X’s canning ability to invisibly 
(erroneously) correct me is very irritating. Probably solveable, but no time. :P



__
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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 

okt 20 2014 10:49 Philip Taylor :

> MiB wrote:
> 
>> you can translate from px sizing to percentages
>> I’ll answer specific questions, not your erroneous assumptions.
> 
> Fine, here's a specific question :  "How would you translate from 16px to a 
> percentage” ?

Unfortunately I must do work now, but the (classic) basic context-aware formula 
is target ÷ context = result. You can read the original article from Ethan 
Marcotte here "Fluid Grids” http://alistapart.com/article/FLUIDGRIDS 
It will explain it all I think. 

Grids are not hocus locus. They’re simple (hopefully) and surprisingly flexible 
and useful tools.
__
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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 

okt 20 2014 10:49 Philip Taylor :

> MiB wrote:
> 
>> you can translate from px sizing to percentages
>> I’ll answer specific questions, not your erroneous assumptions.
> 
> Fine, here's a specific question :  "How would you translate from 16px to a 
> percentage” ?

Give the context. Percentages refers to the context, do they not?

I’ll fill that in, but need to restart post-installation.

__
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/

Re: [css-d] Grid System

2014-10-20 Thread Philip Taylor 



MiB wrote:


you can translate from px sizing to percentages
I’ll answer specific questions, not your erroneous assumptions.


Fine, here's a specific question :  "How would you translate from 16px 
to a percentage" ?


Philip Taylor
__
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/

Re: [css-d] Grid System

2014-10-20 Thread MiB 

okt 20 2014 09:12 Philip Taylor :

> MiB wrote:
> 
>> That’s not what I said. Try again.
> 
> You said "you can translate from px sizing to percentages."
> I pointed out that, in general, you cannot.  I am still waiting
> for you to demonstrate how you can.

And I won’t since what I referred to is the ABC of responsive web development. 
Go read up. I’ll answer specific questions, not your erroneous assumptions.

What were we talking about again? Ahhh, grids. Do grids need to be written in 
pixel sizes ot be grids? If you get advice on grids expressed in pixels and you 
work with percentages, what is it you need to do in order to make that advice 
or knowledge useful to you? H.

__
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/

Re: [css-d] Grid System

2014-10-20 Thread Philip Taylor 



MiB wrote:


That’s not what I said. Try again.


You said "you can translate from px sizing to percentages."
I pointed out that, in general, you cannot.  I am still waiting
for you to demonstrate how you can.

Philip Taylor
__
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/

Re: [css-d] Grid System

2014-10-20 Thread Philip Taylor 



Karl DeSaulniers wrote:


By calculating what size your website is naturally without responsiveness?


100% of window width.  But since you cannot know what the window width 
is, you are no closer to being able to map from the number of px to a 
percentage, are you ?


Philip Taylor
__
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/

Re: [css-d] Grid System

2014-10-19 Thread MiB 

okt 19 2014 23:38 Philip Taylor :

> MiB wrote:
> 
>> That’s irrelevant as you can translate from px sizing to percentages.
> 
> How ?  How can you know (for example) what percentage of a full-width element 
> 16px represents ?  Since you have no way of knowing the width of the browser 
> window in pure CSS, you also have no way of knowing what percentage of that 
> width an arbitrary number of px represent.

That’s not what I said. Try again.

__
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/

Re: [css-d] Grid System

2014-10-19 Thread Karl DeSaulniers 

On Oct 19, 2014, at 4:38 PM, Philip Taylor  wrote:

> 
> 
> MiB wrote:
> 
>> That’s irrelevant as you can translate from px sizing to percentages.
> 
> How ?  How can you know (for example) what percentage of a full-width element 
> 16px represents ?  Since you have no way of knowing the width of the browser 
> window in pure CSS, you also have no way of knowing what percentage of that 
> width an arbitrary number of px represent.
> 
> Philip Taylor

By calculating what size your website is naturally without responsiveness?

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.com

__
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/

Re: [css-d] Grid System

2014-10-19 Thread GJim 
Howdy Crest,

~~~
Sunday, October 19, 2014, 7:14:07 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.

My reply appears here and/or interspersed within your message.
~~~

> Gutters are there to maintain consistency and a visual flow to a page,
> correct ?

Gutters are there to provide spacing between columns - so that the various
column contents don't butt up against one another.  You don't actually even have
to define the gutters as 'divs', can be padding within the div.  Just know that
you need something so that text, in two different columns, doesn't come together
without some spacing between.  Images could be another matter; you might want 
two
images to be side-by-side without any spacing between ... although, on some
screen resolutions that may fall apart and the images will get stacked anyway.

> You can use pixels instead of percentages for a fluid layout ?

Pixels, ems, rems, percentages, furlongs, parsecs, light-years  perhaps I
exaggerate ... it's merely a guide to help you with layout.

There isn't even any requirement that you use a grid.  It's just that a grid
will help you in maintaining some consistency across the various pages on a
web-site.


G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com

Savvy ponderable:
Lawyers get you out'n the kind of trouble you'd 
 never get in if there was no lawyers.


---
This email is free from viruses and malware because avast! Antivirus protection 
is active.
http://www.avast.com

__
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/

Re: [css-d] Grid System

2014-10-19 Thread Crest Christopher 
Gutters are there to maintain consistency and a visual flow to a page, 
correct ?


You can use pixels instead of percentages for a fluid layout ?


GJim 
Sunday, October 19, 2014 11:19 AM
Howdy Crest,

~~~
Saturday, October 18, 2014, 6:28:42 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.

My reply appears here and/or interspersed within your message.
~~~


In the example image, there are 54px columns and 30px gutters, if
everything I've mentioned so far is correct ? What I don't understand
is, what is the purpose of gutters, or must a grid system have gutters
either way, if you remove them or not, they must be there ?



Thanks
Christopher


Methinks you are making this more difficult than it need be.

IMNSHO, the purpose of a grid is to give you an underlying structure for your
site layout - in order to maintain some consistency across the various pages.

In your example, if you wanted a page with three same-sized columns, you would
define those as having a width of 306 px with a 30 px gutter between them.

If you wanted a page with two columns, one a third of the page, the other
two-thirds of a page, the first would be 306 px, then a 30 px gutter, then 642
px for the second column.

As Tom stated, you have to make some space between columns - doesn't have to be
30 px, though.

The grid system exists merely to aid you in sizing your elements.

G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com

Savvy ponderable:
Too much of a good thing ... usually isn't enough!


---
This email is free from viruses and malware because avast! Antivirus protection 
is active.
http://www.avast.com

Crest Christopher 
Saturday, October 18, 2014 6:28 PM
I have a css grid question,  using this image 
 
as an example.  The 12 columns, including the gutters is a row correct 
? I understand that you can span your content, or images, which must 
never have a width, XX number of columns for page layout.


In the example image, there are 54px columns and 30px gutters, if 
everything I've mentioned so far is correct ? What I don't understand 
is, what is the purpose of gutters, or must a grid system have gutters 
either way, if you remove them or not, they must be there ?


Thanks
Christopher

__
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/

Re: [css-d] Grid System

2014-10-19 Thread Philip Taylor 



MiB wrote:


That’s irrelevant as you can translate from px sizing to percentages.


How ?  How can you know (for example) what percentage of a full-width 
element 16px represents ?  Since you have no way of knowing the width of 
the browser window in pure CSS, you also have no way of knowing what 
percentage of that width an arbitrary number of px represent.


Philip Taylor
__
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/

Re: [css-d] Grid System

2014-10-19 Thread MiB 

okt 19 2014 17:40 GJim :

> I should have mentioned that I don't use px for column layouts - instead, I 
> use
> percentages.

That’s irrelevant as you can translate from px sizing to percentages. You can 
keep gutters in px or ems, depending on content and within what media query 
they exist.

__
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/

Re: [css-d] Grid System

2014-10-19 Thread GJim 
Howdy Crest,

~~~
Saturday, October 18, 2014, 6:28:42 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.

My reply appears here and/or interspersed within your message.
~~~

> In the example image, there are 54px columns and 30px gutters, if 
> everything I've mentioned so far is correct ? What I don't understand 
> is, what is the purpose of gutters, or must a grid system have gutters 
> either way, if you remove them or not, they must be there ?

I should have mentioned that I don't use px for column layouts - instead, I use
percentages.

G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com

Savvy ponderable:
You can't depend on your eyes when your imagination is out of focus. 


---
This email is free from viruses and malware because avast! Antivirus protection 
is active.
http://www.avast.com

__
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/

Re: [css-d] Grid System

2014-10-19 Thread GJim 
Howdy Crest,

~~~
Saturday, October 18, 2014, 6:28:42 PM (USA 'Somewhere on-the-road time-zone'),
you wrote the message that appears below.

My reply appears here and/or interspersed within your message.
~~~

> In the example image, there are 54px columns and 30px gutters, if 
> everything I've mentioned so far is correct ? What I don't understand 
> is, what is the purpose of gutters, or must a grid system have gutters 
> either way, if you remove them or not, they must be there ?

> Thanks
> Christopher

Methinks you are making this more difficult than it need be.

IMNSHO, the purpose of a grid is to give you an underlying structure for your
site layout - in order to maintain some consistency across the various pages.

In your example, if you wanted a page with three same-sized columns, you would
define those as having a width of 306 px with a 30 px gutter between them.

If you wanted a page with two columns, one a third of the page, the other
two-thirds of a page, the first would be 306 px, then a 30 px gutter, then 642
px for the second column.

As Tom stated, you have to make some space between columns - doesn't have to be
30 px, though.

The grid system exists merely to aid you in sizing your elements.

G'Jim c):{-
--
Custom book-boxes: http://www.wyomerc.com/bookboxes/bookboxes.html
Book repairs: http://www.wyomerc.com/bookrepair/bookrepairs.html
My photography: http://www.gjim.com

Savvy ponderable:
Too much of a good thing ... usually isn't enough!


---
This email is free from viruses and malware because avast! Antivirus protection 
is active.
http://www.avast.com

__
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/

Re: [css-d] Grid System

2014-10-19 Thread Crest Christopher 
You mean gutters are there to give aesthetic spacing to elements on the 
page ?



Tom Livingston 
Saturday, October 18, 2014 6:32 PM
Gutters are there to space out items that are in adjacent columns. Two 
vertical columns of text for example. You wouldn't want those to 
columns to touch each other.


On Saturday, October 18, 2014, Crest Christopher 
mailto:crestchristop...@gmail.com>> wrote:



--

Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com 




#663399

Crest Christopher 
Saturday, October 18, 2014 6:28 PM
I have a css grid question,  using this image 
 
as an example.  The 12 columns, including the gutters is a row correct 
? I understand that you can span your content, or images, which must 
never have a width, XX number of columns for page layout.


In the example image, there are 54px columns and 30px gutters, if 
everything I've mentioned so far is correct ? What I don't understand 
is, what is the purpose of gutters, or must a grid system have gutters 
either way, if you remove them or not, they must be there ?


Thanks
Christopher

__
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/

Re: [css-d] Grid System

2014-10-18 Thread Tom Livingston 
Gutters are there to space out items that are in adjacent columns. Two
vertical columns of text for example. You wouldn't want those to columns to
touch each other.

On Saturday, October 18, 2014, Crest Christopher 
wrote:

> I have a css grid question,  using this image  com/wp-content/uploads/2010/09/978-grid.gif> as an example.  The 12
> columns, including the gutters is a row correct ? I understand that you can
> span your content, or images, which must never have a width, XX number of
> columns for page layout.
>
> In the example image, there are 54px columns and 30px gutters, if
> everything I've mentioned so far is correct ? What I don't understand is,
> what is the purpose of gutters, or must a grid system have gutters either
> way, if you remove them or not, they must be there ?
>
> Thanks
> Christopher
> __
> 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/
>


-- 

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/