REM, BEM, Grids

01/29/2021 / Tech Life / , , , , , , , , ,

it has been a busy week. Lots of inspiration driving thought.

REM

Hotrod started this discussion on using REM units The REM Fallback with Sass or LESS

i’m currently using EM because of REM support issues. With a fallback , i’ll consider the move forward.

Asuh commented

yeah, i’ve already decided that XXXXX.com will use rem with px fallback for everything. hopefully we can drop support for px by end of 2014.

– ASUH

BEM

this article is a recent discussion on BEM

http://blog.kaelig.fr/post/48196348743/fifty-shades-of-bem?utm_source=CSS-Weekly&utm_campaign=Issue-62&utm_medium=email

all the links off the article are good. seem to be reading a lot of Nicolas Gallagher lately

http://nicolasgallagher.com/about-html-semantics-front-end-architecture/

this is new to me

you can’t go wrong with Harry

http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/

and for reference

http://bem.info/

Grids

We  were looking at various grids. Once that is decided there is no turning back mid-stream. so choose carefully.

Looking at “must haves”

  1. SCSS
  2. Mobile First
  3. Source Ordering

1. SCSS

CSS Wizardy

Susy

Foundation4 (not just a grid, a framework, but set up so you can use components)

2. Mobile First

3. Source Ordering

I am most familiar with Foundation4 since I am actually using the grid in a current project. Foundation4 grid is “em” based, responsive and mobile first. It has a method for source ordering http://foundation.zurb.com/docs/components/grid.html

Asuh is fond of CSS Wizardy was curious if

“I wonder how this source ordering compares to Harry’s version of the grid.

https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss “

The only thing I am thinking at this moment is, I would like the time to do a POC of several grid systems (with components) to put them to the test.