4 ms·

You can prove that most people don't learn CSS using most LLMs: they're trained on github code. A card with a top image, some text and a button - which should

by nailer 10mo ago

You can prove that most people don't learn CSS using most LLMs: they're trained on github code. A card with a top image, some text and a button - which should be... - A card - A top image - Some text - A button ie 4 HTML elements, ends up being about 10 HTML elements with various strange hacks in the div-soup HTML the models have scraped from Github. Then someone else comes along and uses tailwind, because naming 10 arbitrary HTML elements (rather than .card, .card img, .card p, .card button or similar) is hard. They're right, but the problem is they didn't need that many elements in the first place and wouldn't if they'd just learnt CSS.

moi2388 10mo ago
I couldn’t agree more. Tailwind isn’t a solution, it’s a symptom.
icedchai 10mo ago
This matches my personal experience. I am primarily a backend developer. Can you recommend a book that teaches CSS the correct way?
- Tomte 10mo ago
  „CSS The Definitive Guide“ or „CSS in Depth.“
- nailer 10mo ago
  I’d spend time on the CSS Grid and Flex playgrounds. Get used to creating layouts using grids and padding and gaps, leave block elements and margins to actual writing.
h_ko 10mo ago
So much this. The amount of unnecessary divs created by LLMs are an abomination. Let alone the blatant disregard for any semantic elements. Took a lot of strongly worded instructions to get rid of the bias for div-span-spaghetti, and it still slips in entirely superfluous elements.
- CPLX 10mo ago
  LLMs are the new FrontPage it seems.
Levitz 10mo ago
Is turnabout fair play? https://chatgpt.com/share/695be6f6-3188-800f-b2b0-e07cb196b6ab https://chatgpt.com/share/695be6f6-3188-800f-b2b0-e07cb196b6... CSS has gotten much, much better, which is why it doesn't suck so much these days, but come on now, using a div with a background image was a common practice. There were like, what, 3 different hacks to center an element inside another? People don't just opt for a plethora of different tools to deal with it "just because".
- nailer 10mo ago
  It is, I acknowledge the win! Claude and Grok output garbage: https://claude.ai/artifacts/fc5ef98b-a9f8-48c9-b0ea-b60c778df2d1 https://claude.ai/artifacts/fc5ef98b-a9f8-48c9-b0ea-b60c778d... https://grok.com/share/bGVnYWN5_a5cab471-1c3a-42ab-a25e-c49153a8d22a https://grok.com/share/bGVnYWN5_a5cab471-1c3a-42ab-a25e-c491...

by nailer 10mo ago

moi2388 10mo ago

I couldn’t agree more. Tailwind isn’t a solution, it’s a symptom.

icedchai 10mo ago

This matches my personal experience. I am primarily a backend developer. Can you recommend a book that teaches CSS the correct way?

Tomte 10mo ago
„CSS The Definitive Guide“ or „CSS in Depth.“
nailer 10mo ago
I’d spend time on the CSS Grid and Flex playgrounds. Get used to creating layouts using grids and padding and gaps, leave block elements and margins to actual writing.

h_ko 10mo ago

So much this. The amount of unnecessary divs created by LLMs are an abomination. Let alone the blatant disregard for any semantic elements. Took a lot of strongly worded instructions to get rid of the bias for div-span-spaghetti, and it still slips in entirely superfluous elements.

CPLX 10mo ago
LLMs are the new FrontPage it seems.

Levitz 10mo ago

Is turnabout fair play? https://chatgpt.com/share/695be6f6-3188-800f-b2b0-e07cb196b6ab https://chatgpt.com/share/695be6f6-3188-800f-b2b0-e07cb196b6... CSS has gotten much, much better, which is why it doesn't suck so much these days, but come on now, using a div with a background image was a common practice. There were like, what, 3 different hacks to center an element inside another? People don't just opt for a plethora of different tools to deal with it "just because".

nailer 10mo ago
It is, I acknowledge the win! Claude and Grok output garbage: https://claude.ai/artifacts/fc5ef98b-a9f8-48c9-b0ea-b60c778df2d1 https://claude.ai/artifacts/fc5ef98b-a9f8-48c9-b0ea-b60c778d... https://grok.com/share/bGVnYWN5_a5cab471-1c3a-42ab-a25e-c49153a8d22a https://grok.com/share/bGVnYWN5_a5cab471-1c3a-42ab-a25e-c491...