4 ms·

The real problem is the lack of css understanding. Once you learn basics of css and start using developer console/debugger it becomes easy. Also, most of the t

by mlboss 2y ago

The real problem is the lack of css understanding. Once you learn basics of css and start using developer console/debugger it becomes easy. Also, most of the time all you need is flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/

collyw 2y ago
Does anyone have a good guide / article on how to think in CSS? I do mostly backend work, but have spent plenty of time fixing frontend stuff. I can usually make it work but I can't build CSS from the ground up in the way I would with a backend / database application.
sesm 2y ago
Grid is much better for macro layout, too bad Facebook yoga (and react-native) is stuck with flexbox.
- meiraleal 2y ago
  Yes grid would be better but it is much more complex than flexbox which solves most of the cases.
rvense 2y ago
Tailwind requires you to learn CSS. It's not a framework, it just gives you access to the raw CSS primitives in a better way (IMO) than writing classes.
- meiraleal 2y ago
  It does not. Tailwind requires you to learn tailwind which uses multiple different terms than what is in CSS (most of the times at least similar, but it is not the same). And it creates its own language to use more complex CSS features like [&_[not:(button)]]:bg-blue, this isn't CSS.
ivanjermakov 2y ago
Tailwind is more about removing "cascade" from CSS, making it harder to make CSS "spaghetti". Unlike CSS frameworks e.g. Bootstrap that abstract away CSS primitives
- cantSpellSober 2y ago
  Does CSS have primitives? There are data types but Bootstrap doesn't change those. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Types https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Types
  - ivanjermakov 2y ago
    By "primitives" I mean properties natively understood by browsers, e.g. `padding-left`
halfcat 2y ago
I’ve learned more about CSS from using Tailwind than I ever did using CSS

by mlboss 2y ago

collyw 2y ago

Does anyone have a good guide / article on how to think in CSS? I do mostly backend work, but have spent plenty of time fixing frontend stuff. I can usually make it work but I can't build CSS from the ground up in the way I would with a backend / database application.

sesm 2y ago

Grid is much better for macro layout, too bad Facebook yoga (and react-native) is stuck with flexbox.

meiraleal 2y ago
Yes grid would be better but it is much more complex than flexbox which solves most of the cases.

rvense 2y ago

Tailwind requires you to learn CSS. It's not a framework, it just gives you access to the raw CSS primitives in a better way (IMO) than writing classes.

meiraleal 2y ago
It does not. Tailwind requires you to learn tailwind which uses multiple different terms than what is in CSS (most of the times at least similar, but it is not the same). And it creates its own language to use more complex CSS features like [&_[not:(button)]]:bg-blue, this isn't CSS.

ivanjermakov 2y ago

Tailwind is more about removing "cascade" from CSS, making it harder to make CSS "spaghetti". Unlike CSS frameworks e.g. Bootstrap that abstract away CSS primitives

cantSpellSober 2y ago
Does CSS have primitives? There are data types but Bootstrap doesn't change those. https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Types https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Types
- ivanjermakov 2y ago
  By "primitives" I mean properties natively understood by browsers, e.g. `padding-left`

halfcat 2y ago

I’ve learned more about CSS from using Tailwind than I ever did using CSS