Some HTML, CSS and ES2015 Best Practices

Re:Some HTML, CSS and ES2015 Best Practices by tomelders on Wednesday February 25, 2015 @04:41AM (#9106031)

I vehemently disagree with the recommendation on box models. I'm of the opinion that `border-box` leads to cleaner, terser css. Working around the default box model results in all kinds of CSS gymnastics that some poor person is going to have to figure out in a few months time when they pick up the project.

I also can't agree with the recommendation on using pixel values over relative values. I guess most people are using some sort of CSS preprocessor these days, so a pixel to rem mixin would be my recommendation.

Not to poo-poo the whole thing though. A lot of that stuff I agree with. A small amount I don't, and a couple of things I think are up for debate.

[ Parent | on HN ]

Re:Some HTML, CSS and ES2015 Best Practices by benjamindc on Wednesday February 25, 2015 @05:02AM (#9106073)

I guess I should clarify this example. I’m mostly fine with a global * { box-sizing: border-box; }, I’m only opposed to changing the box model randomly. The example illustrates a bad usage where changing the box model to get a full-width element is fundamentally wrong (since it’s the default behavior of block elements anyway).

[ Parent | on HN ]

Re:Some HTML, CSS and ES2015 Best Practices by tomelders on Wednesday February 25, 2015 @05:04AM (#9106077)

Oh, in that case I vehemently agree

[ Parent | on HN ]