Мне не нравится писать CSS, да и немногим это нравится. Вот почему люди используют передовые инструменты, такие как TailwindCSS, чтобы превратить свой HTML в CSS. Но перед использованием Tailwind необходимо изучить каждую часть CSS. Это инструмент, а не пластырь.

При использовании в качестве пластыря он превращает бесполезно плохой код в такой же плохой код.

Как этот отрывок, например:

html,body {
  @apply h-full;
}

Мол, стоит ли писать height:100%;???

Вместо того, чтобы придираться, я придумал для вас блестящее решение. Это может звучать как клик-приманка, но я предлагаю вам перестать писать Tailwind и перейти на ChatGPT.

У всех нас есть свои маленькие способы написания/рисования кода, которые мы хотим написать быстро, это называется псевдокодом. Не совсем реальная сделка, а скорее что-то похожее на нее и улавливающее суть настолько, что кто-то с аналогичными знаниями также сможет ее понять.

Вы также можете создавать свои собственные языки с помощью псевдокода, но теперь с помощью ChatGPT вы можете скомпилировать свои языки в функционирующий код. CSS — отличный пример, потому что в нем нет особой сложности или абстракции, а простота делает так, что существует только один способ решения проблемы.

Но вот что действительно удивительно: в отличие от препроцессора CSS, ChatGPT знает, что вы имеете в виду. У него нет списка всех новых свойств CSS, примесей и т. д., но у него есть хорошее практическое знание того, что гарантированно будет работать в браузерах после 2021 года.

Так как же это может выглядеть?

Мне нравится вкладывать CSS-код, поэтому важно создать хороший псевдокод, поддерживающий вложенность. Он также должен иметь настройки по умолчанию, и вам, вероятно, следует получить полный файл сброса CSS для последних браузеров. Он также должен иметь примеси, значения по умолчанию, цвета, медиа-запросы и состояния. Мне также нравится стиль TailwindCSS, поэтому встроенные стили были бы классными.

Важность наличия компонентов очень важна. Вы должны иметь возможность определять новые классы с вложенными классами внизу. А цвета следует определять по оттенкам и насыщенности. Значением должен управлять компилятор, которым в данном случае является ChatGPT.

Как это может выглядеть?