Tailwind: style your site without writing any CSS

#1

Post by dankohn1 » Fri, Nov 02, 2018, 12:29 PM UTC

Tailwind: style your site without writing any CSS
jvns.ca

Re: Tailwind: style your site without writing any CSS

#2

Post by Heliosmaster » Fri, Nov 02, 2018, 1:36 PM UTC

I use Bulma (discussed at the end) for all my projects. It's very easy and quick to get started with, but I found myself diverging from this style when I was starting to add new CSS of my own, to get the pages to look exactly how I wanted them.

And due to the lack of tooling, it's hard to refactor CSS (removing duplicate code, etc.) so I'm not sure how scalable it is to adhere to what the OP says for a long time.

Re: Tailwind: style your site without writing any CSS

#3

Post by mfontani » Fri, Nov 02, 2018, 1:37 PM UTC

Style your site with "only" 291KiB of CSS (24KiB compressed)?

Re: Tailwind: style your site without writing any CSS

#4

Post by Isofarro » Fri, Nov 02, 2018, 1:38 PM UTC

It puzzles me why these Atomic CSS based systems use various mnemonic systems instead of plain English which is much more understandable. I'm not a fan of human-powered text compression.

Re: Tailwind: style your site without writing any CSS

#5

Post by taytus » Fri, Nov 02, 2018, 1:38 PM UTC

>I’m not a frontend developer and you definitely should not take advice from me.

Ok then.

Re: Tailwind: style your site without writing any CSS

#6

Post by ssijak » Fri, Nov 02, 2018, 1:39 PM UTC

mfontani wrote: post #3

Style your site with "only" 291KiB of CSS (24KiB compressed)?

Using things like purgecss with tailwind will make your css few kb large.

Re: Tailwind: style your site without writing any CSS

#7

Post by baxtr » Fri, Nov 02, 2018, 1:39 PM UTC

mfontani wrote: post #3

Style your site with "only" 291KiB of CSS (24KiB compressed)?

Please read this...

> By comparison Tailwind seems really heavy (over 1.5x larger than Bootstrap!), but it turns out that this comparison isn't totally fair.

https://tailwindcss.com/docs/controlling-file-size/#app

Re: Tailwind: style your site without writing any CSS

#8

Post by [deleted] » Fri, Nov 02, 2018, 1:39 PM UTC

taytus wrote: post #5

>I’m not a frontend developer and you definitely should not take advice from me. Ok then.

[deleted]

Re: Tailwind: style your site without writing any CSS

#9

Post by _9hey » Fri, Nov 02, 2018, 1:39 PM UTC

taytus wrote: post #5

>I’m not a frontend developer and you definitely should not take advice from me. Ok then.

this

Re: Tailwind: style your site without writing any CSS

#10

Post by mahesh_rm » Fri, Nov 02, 2018, 1:40 PM UTC

Heliosmaster wrote: post #2

I use Bulma (discussed at the end) for all my projects. It's very easy and quick to get started with, but I found myself diverging from this style when I was starting to add new CSS of my own, to get the pages to look exactly how I wanted them. And due to the lack of tooling, it's hard to refactor CSS (removing duplicate code, etc.) so I'm not sure how scalable it is to adhere to what the OP says for a long time.

I never tried Tailwind, I landed to Bulma after using Bootstrap, and then Tachyons, for many years, and I really enjoy it. I find myself maintaining an helper.scss file with basic classes that bulma does not support out of the box, but other than that, it definitely saves me time and, overall, improves the outcomes.