3 ms·

<div class="col col-6 sm-col-4 md-col-3 lg-col-2 px2 mb3">... Another example of something that's tiny and super fast for prototyping but produces code bloat a

<div class="col col-6 sm-col-4 md-col-3 lg-col-2 px2 mb3">... Another example of something that's tiny and super fast for prototyping but produces code bloat and non-semantic classes. Looks great otherwise. No SASS version?

ebiester 12y ago
I get the non-semantic classes argument, but I've never seen a solution that is generic, responsive, and semantic. Any leads?
- cobalt 12y ago
  The idea is more to write it for each site, so you have site specific design
  - antidaily 12y ago
    Right. I use mixins to apply these declarations to classes. Which has its own drawbacks.
simple10 12y ago
A common pattern is to use low level libraries like basscss to build custom sass or less libraries per project.
mrzool 12y ago
Non-semantic classes are totally fine: http://nicolasgallagher.com/about-html-semantics-front-end-architecture/ http://nicolasgallagher.com/about-html-semantics-front-end-a... - Content-layer semantics are already served by HTML elements and other attributes. - Class names impart little or no useful semantic information to machines or human visitors. - The primary purpose of a class name is to be a hook for CSS and JavaScript. - Class names should communicate useful information to developers.
martin-adams 12y ago
When using Bootstrap, I don't like to put the responsive breaks in the markup (non-semantic as you say), but rather use the mixin in my LESS file as it's the detail of its function, not its meaning. This is what has started putting me off Bootstrap. Container -> Row -> Column - feels like table based design all over again and my HTML is no longer semantic.
mrmrs 12y ago
What code bloat are you referring to here? Do you have any data about file size to show?
bzelip 12y ago
Yes there is a Sass build, see http://www.basscss.com/docs/guides/custom-builds/#sass http://www.basscss.com/docs/guides/custom-builds/#sass

ebiester 12y ago

I get the non-semantic classes argument, but I've never seen a solution that is generic, responsive, and semantic. Any leads?

cobalt 12y ago
The idea is more to write it for each site, so you have site specific design
- antidaily 12y ago
  Right. I use mixins to apply these declarations to classes. Which has its own drawbacks.

simple10 12y ago

A common pattern is to use low level libraries like basscss to build custom sass or less libraries per project.

mrzool 12y ago

Non-semantic classes are totally fine: http://nicolasgallagher.com/about-html-semantics-front-end-architecture/ http://nicolasgallagher.com/about-html-semantics-front-end-a... - Content-layer semantics are already served by HTML elements and other attributes. - Class names impart little or no useful semantic information to machines or human visitors. - The primary purpose of a class name is to be a hook for CSS and JavaScript. - Class names should communicate useful information to developers.

martin-adams 12y ago

When using Bootstrap, I don't like to put the responsive breaks in the markup (non-semantic as you say), but rather use the mixin in my LESS file as it's the detail of its function, not its meaning. This is what has started putting me off Bootstrap. Container -> Row -> Column - feels like table based design all over again and my HTML is no longer semantic.

mrmrs 12y ago

What code bloat are you referring to here? Do you have any data about file size to show?

bzelip 12y ago

Yes there is a Sass build, see http://www.basscss.com/docs/guides/custom-builds/#sass http://www.basscss.com/docs/guides/custom-builds/#sass