Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 October 23

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
Bohdan Vinter
ну ты пишешь очень мало css руками, почти все время размахиваешь классами атомарными, а если надо что-то сделать за рамками тейлвинда, то там не приходится писать настолько много цсса, чтоб заморачиваться ради этого насчет вложенных блоков из scss
Ну это и есть говнокод, один только инпут на 10 классов
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
Но почему хуже бутстрапа не понял
источник

BV

Bohdan Vinter in Верстка сайтов HTML/CSS/JS/PHP
Bohdan Vinter
@apply и пишешь прям в css если надо
со всеми преимуществами того, что у тебя цвета, отступы... лежат в конфиге
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
Использую его в прототипах и мвп, пушка
источник

V🍏

Vladislav 🍏 in Верстка сайтов HTML/CSS/JS/PHP
Атомарный код сам по себе говно
источник

R

RusaXXX in Верстка сайтов HTML/CSS/JS/PHP
Bohdan Vinter
ну ты пишешь очень мало css руками, почти все время размахиваешь классами атомарными, а если надо что-то сделать за рамками тейлвинда, то там не приходится писать настолько много цсса, чтоб заморачиваться ради этого насчет вложенных блоков из scss
Да я блокамт даже vue компоненты пишу. Хоть у каждого компонента и мало css , все равно когда блоками поприятнее
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
Темный
Но почему хуже бутстрапа не понял
ну может не хуже, но у бутстрапа всё же больше областей применения, кому то удобно
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
idkfa
ну может не хуже, но у бутстрапа всё же больше областей применения, кому то удобно
Да они разные все таки, у каждого свои задачи
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
Не хуже и не лучше
источник

BV

Bohdan Vinter in Верстка сайтов HTML/CSS/JS/PHP
Темный
Ну это и есть говнокод, один только инпут на 10 классов
я не просто так сказал о блочном подходе.

если этот инпут не повторяется, проблемы нет

если инпут повторяется, ты либо ему даешь класс и классу через @apply те же тейлвинд утилиты навешиваешь (с использованием цветов, отступов... из твоего конфига)

либо же просто выносишь в отдельный компонент
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
надо всё же не забывать, что тейлвинд, что бутстрап, это для тех, кто не умеет верстать, а делать надо
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
idkfa
надо всё же не забывать, что тейлвинд, что бутстрап, это для тех, кто не умеет верстать, а делать надо
+1
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
Я бекендер, мне так проще)
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
Bohdan Vinter
я не просто так сказал о блочном подходе.

если этот инпут не повторяется, проблемы нет

если инпут повторяется, ты либо ему даешь класс и классу через @apply те же тейлвинд утилиты навешиваешь (с использованием цветов, отступов... из твоего конфига)

либо же просто выносишь в отдельный компонент
Да, вариант с врапперами отличный, но аналитика кода все равно в говне с таким подходом
источник

Т

Темный in Верстка сайтов HTML/CSS/JS/PHP
Поэтому дальше mvp не идёт, как правило. Переписывают на что-то более адекватное
источник

BV

Bohdan Vinter in Верстка сайтов HTML/CSS/JS/PHP
idkfa
надо всё же не забывать, что тейлвинд, что бутстрап, это для тех, кто не умеет верстать, а делать надо
>не умеет верстать
ЛОЛ? ты тейлвинд вообще в глаза видел? или только слышал про атомарный подход?

бутстрап да, бутстрап дает сетку, используя которую можно накидать что-то даже не зная, ни как работают флексы, ни гриды. и использовать классы для кнопочек бутстраповские

а используя тейлвинд ты пользуешься ТЕМИ ЖЕ стилями, только в атомарном виде, как ты не зная верстку на тейлвинде что-то сделаешь, чего не сможешь обычными стилями?

и нет, атомарный подход не вызывает дублирование, потому что его можно избежать, вынеся либо просто в отдельный класс то, что дублируется (и в css можно те же атомарные классы применять через @apply), либо вынеся в отдельный компонент, и у тебя ОГРОМНОЕ преимущество в том, что цвета, отступы, тени, градиенты можно положить в конфиг и брать из одного места
источник

R

RusaXXX in Верстка сайтов HTML/CSS/JS/PHP
idkfa
надо всё же не забывать, что тейлвинд, что бутстрап, это для тех, кто не умеет верстать, а делать надо
Вообще не правда. React, angular, vue тоже фреймворки, но без знания нативного js далеко не уедешь. Да я бы сказал вообще не уедешь
источник

BV

Bohdan Vinter in Верстка сайтов HTML/CSS/JS/PHP
RusaXXX
Вообще не правда. React, angular, vue тоже фреймворки, но без знания нативного js далеко не уедешь. Да я бы сказал вообще не уедешь
насчет бутстрапа отчасти согласен с idkfa потому что он скашивает бОльшую часть заботы о сетке. но да, далеко не уедешь
источник

BV

Bohdan Vinter in Верстка сайтов HTML/CSS/JS/PHP
Bohdan Vinter
>не умеет верстать
ЛОЛ? ты тейлвинд вообще в глаза видел? или только слышал про атомарный подход?

бутстрап да, бутстрап дает сетку, используя которую можно накидать что-то даже не зная, ни как работают флексы, ни гриды. и использовать классы для кнопочек бутстраповские

а используя тейлвинд ты пользуешься ТЕМИ ЖЕ стилями, только в атомарном виде, как ты не зная верстку на тейлвинде что-то сделаешь, чего не сможешь обычными стилями?

и нет, атомарный подход не вызывает дублирование, потому что его можно избежать, вынеся либо просто в отдельный класс то, что дублируется (и в css можно те же атомарные классы применять через @apply), либо вынеся в отдельный компонент, и у тебя ОГРОМНОЕ преимущество в том, что цвета, отступы, тени, градиенты можно положить в конфиг и брать из одного места
а, и да, ОГРОМНЫЙ плюс еще в том, что тебе не приходится придумывать классы для ВСЕГО подряд чтоб банально задать отступ
источник

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
тейлвинд это просто удобный фрейм для js heads, которым верстка это ад, конечно он удобен для определенных задач, с этим никто не спорит
источник