4 ms·

I have a critique, which is your naming convention for classes. This sentence from your site highlights the issue: 'Consider pure-g to be a row or "grid", and

I have a critique, which is your naming convention for classes. This sentence from your site highlights the issue: 'Consider pure-g to be a row or "grid", and pure-u-- to be columns, or "units"' First, I'm not a fan of the "pure-" prefix. If I were to use your system I'd use it exclusively. An option to either specify or ditch the prefixes would be lovely. Second, in that sentence you say "consider pure-g to be a row". Why not just call it a row? I understand Bootstrap has used that already, but there's no copyright and it's a convention everyone is used to.

reid 13y ago
You can build your own prefixes and class names for Pure Grids here: http://yui.github.io/gridbuilder/ http://yui.github.io/gridbuilder/ The default prefix is there for maintainability. It's a pain to grep for "grid", "row", or "g" when you need to change something. But if you don't like it, you can build your own.
alternize 13y ago
i agree, i'd prefer "vendor"-less :) css class names, too, without having to resort to the gridbuilder.
dualogy 13y ago
One good thing about vendor prefixes: easier to "refactor" one's code-base, as in: remove/replace the framework in the future when it is inevitably obsoleted / abandoned, as time marches on and other choices become more agreeable. (Great that all things web evolve so fast, but at the same time somewhat painful to keep on top of things.)
lowboy 13y ago
Another benefit to prefixing everything is that it makes possible an automated module selection/build system. Point it at your markup/codebase and it would select only the modules that your site uses. I don't think Pure is big enough to warrant this, but Bootstrap sure could use it.
xkcdfanboy 13y ago
It won't make a difference if you use the library correctly. You're supposed to use a framework like sass or stylus and @extend from the grid classes. Don't actually give your elements classes from the lib. This is a rookie mistake I see happening with bootstrap, grid 960, etc..

reid 13y ago

You can build your own prefixes and class names for Pure Grids here: http://yui.github.io/gridbuilder/ http://yui.github.io/gridbuilder/ The default prefix is there for maintainability. It's a pain to grep for "grid", "row", or "g" when you need to change something. But if you don't like it, you can build your own.

alternize 13y ago

i agree, i'd prefer "vendor"-less :) css class names, too, without having to resort to the gridbuilder.

dualogy 13y ago

One good thing about vendor prefixes: easier to "refactor" one's code-base, as in: remove/replace the framework in the future when it is inevitably obsoleted / abandoned, as time marches on and other choices become more agreeable. (Great that all things web evolve so fast, but at the same time somewhat painful to keep on top of things.)

lowboy 13y ago

Another benefit to prefixing everything is that it makes possible an automated module selection/build system. Point it at your markup/codebase and it would select only the modules that your site uses. I don't think Pure is big enough to warrant this, but Bootstrap sure could use it.

xkcdfanboy 13y ago

It won't make a difference if you use the library correctly. You're supposed to use a framework like sass or stylus and @extend from the grid classes. Don't actually give your elements classes from the lib. This is a rookie mistake I see happening with bootstrap, grid 960, etc..