Universal.css • Hacker News Board

Re: Universal.css

#41

Post by bshimmin » Mon, May 23, 2016, 1:24 PM UTC

cel1ne wrote: post #26

ryannevius wrote: post #18

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.

Perhaps I'm just a fuddy-duddy, but I rather like MDN's description of what classes used to be for: https://developer.mozilla.org/en-US/docs/Web/HTML/Global_att... (The second paragraph.)

Re: Universal.css

#42

Post by kusanagiblade » Mon, May 23, 2016, 1:30 PM UTC

Lol. I thought it was something real until I realized it is a joke!

Re: Universal.css

#43

Post by Touche » Mon, May 23, 2016, 1:34 PM UTC

ryannevius wrote: post #33

ranyefet wrote: post #25

Earlier quoted context omitted.

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

Are `class` attributes cached more efficiently than `style` attributes for some reason?

I assume he/she means that CSS is cached as an http resource and can be reused in different pages, whereas style attributes are only cached as part of the page; ie using them adds page weight.

Re: Universal.css

#44

Post by christophilus » Mon, May 23, 2016, 1:41 PM UTC

cel1ne wrote: post #16

bshimmin wrote: post #15

Earlier quoted context omitted.

I think I'd have to assume anyone using that on a project I was paying them for really was trying to be funny. I mean, really, take a look at this: https://github.com/tachyons-css/tachyons-visibility

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/

I've been looking at this recently. I'd really love to hear more about real-world experience using Tachyons. We're suffering from serious bloat (500KB CSS) on an old project, and are trying to figure out how best to manage CSS so it doesn't bloat over time (at least not as much).

Re: Universal.css

#45

Post by taivare » Mon, May 23, 2016, 1:41 PM UTC

I posted this the a day ago: The only CSS you will ever need / universal.css (github.com) 2 points by taivare 1 day ago | 1 comment

Re: Universal.css

#46

Post by vittore » Mon, May 23, 2016, 1:42 PM UTC

roddux wrote: post #17

> Bootstrap V4 recently introduced spacing utility classes like m-t-1 (which translates to margin-top: 1rem!important), and we thought we'd expand this idea to more classes. Which is worse; when it's done as satire, or seriously?

I think seriously reinventing styles attribute is much worse.

Re: Universal.css

#47

Post by [deleted] » Mon, May 23, 2016, 1:42 PM UTC

ryannevius wrote: post #29

cel1ne wrote: post #26

Earlier quoted context omitted.

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...

[deleted]

Re: Universal.css

#48

Post by Frenchgeek » Mon, May 23, 2016, 1:43 PM UTC

roddux wrote: post #17

> Bootstrap V4 recently introduced spacing utility classes like m-t-1 (which translates to margin-top: 1rem!important), and we thought we'd expand this idea to more classes. Which is worse; when it's done as satire, or seriously?

When you do it as satire but everyone use your work seriously?

Re: Universal.css

#49

Post by yuvalkarmi » Mon, May 23, 2016, 1:43 PM UTC

this is wonderful! finally, a clear, succinct way of writing CSS. This is what I've been waiting for since I wrote my first tags when I was eight.

Re: Universal.css

#50

Post by hashkb » Mon, May 23, 2016, 1:47 PM UTC

This is amazing. I quit a job at a company that did many stupid things, one of which was insist that their home rolled CSS framework did not suck. Said framework was, in all seriousness, exactly this but with shortened, cryptic names. Nightmare.