Live data from Hacker News

Universal.css

github.com

21–30 of 118 posts

Re: Universal.css

#22
The real joke is how screwed up client side programming is. Here's a library that's an insider/hipster joke but it's only obviously a joke to hipster/insiders.

Re: Universal.css

#24
Funny, but before we all get on our high horses:

1. Bootstrap is partly for prototypes and quick interfaces where front end best practices don't matter.

2. If you're using a preprocessor, you can include Bootstrap's classes and rename/combine them to something semantic.

3. Something can be a good idea when done in small quantities, and a terrible idea when taken to extremes.

Re: Universal.css

#25
post #16

Earlier quoted context omitted.

I used and am using this in production. So are others. It works really really well. Here's the rational: http://mrmrs.io/writing/2016/03/24/scalable-css/

In all seriousness, what advantages do you see over writing inline styles?

Better caching, smaller HTML size and the ability to use inline styles if you do need to override something

Re: Universal.css

#26
post #16

Earlier quoted context omitted.

I used and am using this in production. So are others. It works really really well. Here's the rational: http://mrmrs.io/writing/2016/03/24/scalable-css/

In all seriousness, what advantages do you see over writing inline styles?

Tachyons is based on mathematical scales: http://tachyons.io/docs/layout/spacing/

Practical example: I have a form with a header. I look at it and think "there needs to be more space below the header". So I change

  className="mt0"
to

  className="mt1"
It hot-reloads etc. It took me exactly two keystrokes to change this and I know that the spacing is consistent with all the other spacing in my app.

Re: Universal.css

#27
So I have to choose between a several Meg download vs using JavaScript to render styles?

No thanks.

Honestly I thought bootstrap was the only css I would ever need, and this hasn't changed my mind.

Re: Universal.css

#28
post #16

Earlier quoted context omitted.

I used and am using this in production. So are others. It works really really well. Here's the rational: http://mrmrs.io/writing/2016/03/24/scalable-css/

In all seriousness, what advantages do you see over writing inline styles?

It is much faster to type and maintain, easier to read, smaller document size and faster for the browser to parse.

Re: Universal.css

#29
post #26

Earlier quoted context omitted.

In all seriousness, what advantages do you see over writing inline styles?

Tachyons is based on mathematical scales: http://tachyons.io/docs/layout/spacing/ Practical example: I have a form with a header. I look at it and think "there needs to be more space below the header". So I change className="mt0" to className="mt1" It hot-reloads etc. It took me exactly two keystrokes to change this and I know that the spacing is consistent with all the other spacing in my app.

But how is that any more efficient than changing:

    style="margin-top: 1rem;"
to

    style="margin-top: 2rem;"
It's also two keystrokes, and is mathematically determined...

Re: Universal.css

#30

Earlier quoted context omitted.

In all seriousness, what advantages do you see over writing inline styles?

It is much faster to type and maintain, easier to read, smaller document size and faster for the browser to parse.

Is there a benchmark you can point me to for "faster for the browser to parse"?
Post reply on HN