[csswg-drafts] [css-grid] Possible reconsideration of CSS terminology in terms of design?

iainspad has just created a new issue for 
https://github.com/w3c/csswg-drafts:

== [css-grid] Possible reconsideration of CSS terminology in terms of 
design? ==
Hello, hello hello.

I want to raise an issue on terminologies used within the CSS Grid 
Syntax, especially the use of 'gap'.

I'm a big believer in making consistent wording and language, and **I 
think with CSS Grid the terms between CSS and design must remain 
consistent** otherwise it creates a confusion between what is a gap 
and a gutter, for example.

An example of gap:
```
.element {
    grid-gap: 20px 10px; /* Shorthand */
}

/* Same thing, just in separate properties */
.element {
    grid-column-gap: 20px;
    grid-row-gap: 10px;
}
``` 

I think 'gap' should be changed to 'gutter'. In the case of designers 
and developers in a discussion, the use of 'gap' may cause confusion 
and gutter should be used instead.

### Proposal

Changing 'gap' to 'gutter'. This may also be used on rows as a space 
between rows is still a gutter, just on a different axis.

```
/**
 * Same code as before, but with `gutter` instead.
 */

.element {
    grid-gutter: 20px 10px; /* Shorthand */
}

/* Same thing, just in separate properties */
.element {
    grid-column-gutter: 20px;
    grid-row-gutter: 10px;
}
``` 

### Any more terms?

I'm relatively new to the CSS Grid, but if anyone believes more terms 
and use of them are a concern, please let me know.

[@iainspad](http://twitter.com/iainspad)

Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/353 using your GitHub 
account

Received on Thursday, 28 July 2016 12:30:58 UTC