Верстка сайта еще никогда не была настолько простой! Вышла замена Bootstrap?
HTML-код
- Опубликовано: 14 июн 2024
- Сколько сайты не верстай, но с развитием веба верстка стала сегодня настолько простой, что с ней справиться даже каждый школьник.Сегодня я хотел бы рассказать про замену Bootstrap и выход нового фреймворка Tailwind css, который просто изменит вид верстки сайта благодаря своей новой концепции Utility first. Сейчас для того что б верстать сайты на базовом уровне можно даже не создавать CSS файлы. Достаточно применять классы созданные на фреймоврки и добавлять их в Html. Что полностью облегчает верстку и не доставляет лишних хлопот.
Nicepage - это сайт-билдер, с которым справится каждый.Размещайте элементы дизайна свободно, как в Figma и Photoshop, при этом получится работающий сайт и чистый HTML код.Nicepage автоматически адаптирует сайт для мобильных устройств.
Nicepage - bit.ly/nicepage-wd
00:00 - Верстка сайта еще не была настолько простой
01:01 - Как верстали сайты 8 лет назад, приход к Bootstrap
01:53 - Как создавался Bootstrap
02:43 - Почему Tailwind это не обычный CSS фреймворк
03:46 - Когда нет смысла использовать Css фреймворки?
04:10 - Преимущества Tailwind css над Bootstrap
04:40 - Пишем первый код на Tailwind, сравнение с Bootstrap
05:36 - Скорость загрузки сайта Tailwind.css
07:46 - Пишем первый готовый сайт на Tailwind за две минуты
![Moneybagg Yo - WHISKEY WHISKEY [feat. Morgan Wallen] (Official Audio)](http://i.ytimg.com/vi/kJamyq0WplE/mqdefault.jpg)
Спасибо за видео! Очень интересно;)
Спасибо
Я работаю в команде, которая использовала tailwind уже на нескольких крупных проектах на Next.js. В конечном счете можно сказать, что подход себя оправдал. В случае с использованием React-компонентов становится неважно, сколько раз у тебя повторяются классы и прочие моменты, актуальные для простого HTML. Если речь идет о кнопке, то она все равно объявлена один раз, и меняется что-то в одном месте. К тому же конфиг tailwind позволяет лепить из фреймворка что угодно. Конечно те же CSS modules дают гораздо больше свободы, и с tailwind приходится порой как следует изголятся. Но со временем стало ясно, что в итоге работа над проектами пошла быстрее. Сравнивать tailwind с бутстрапом смысла нет, кстати. Bootstrap - набор компонентов, tailwind - набор утилит (хотя компоненты там тоже можно легко создавать). В общем, инструмент однозначно не на любой случай - когда я просто верстаю лендинг, например, я по-прежнему использую BEM. Но вот в разработке на React все чаще обращаюсь к tailwind.
Хотел отдельно снять про реакт, спасибо за комментарий !
Подскажите, пожалуйста, а как быстро поменять цвет кнопки, если класс *-red жестко прописан, а нужно поменять на синий, каждый шаблон менять?
В BS можно переопределить класс bnt-primary например и т.д.
@@Tora20112 В конфиге можно создать такие же классы, как в bootstrap, например, и назначить им произвольные стили. BS и TW используют разные подходы по умолчанию, но TW дает возможность переопределить конфиг так, как заблагорассудится, удалив все значения по умолчанию. Вот пример из документации, как вместо названий цветов использовать условные термины primary, secondary и т.п.
tailwindcss.com/docs/customizing-colors#naming-your-colors
A chakra-ui не пробовали?
@@OnlyLuck1000 Не пробовали, и насколько я вижу, это система компонентов в духе ant.design, например. Это разные вещи. Tailwind упрощает работу со стилями и только.
Спасибо, прямо сегодня попробуем
Отлично, напишите сюда потом впечатления
Спасибо, давно искал нечто подобное.
Класс
Ты бы сравнил с bootstrap 5, там много утилити классов и их можно генерировать, так же там есть PurgeCSS
Вродь нормуль css фрейм. Пасиба =). Попробую применить в проекте).
Я не совсем понимаю подход tailwind. С тем же успехом можно начать писать в атрибуте style. Посмотрите на крупные проекты. Там такой подход не приживается от слова "совсем". Все стремятся к изоляции стилей компонентов вместо замешивается их в одно поле из 600-800 классов. Потому что иначе вы не сможете масштабировать процесс разработки на большее количество кодеров. Tailwind это про быстрое прототипирование, которое надо выпиливать из проекта сразу как на нем появляется третий разработчик.
директива @apply в помощь
Аминь!
Привет, мне понравилось, пойду пробовать. Спасибо
Это самое главное
не подскажите что за тема используется в видео для VisualCode?
Нужно протестировать, интересно, хотя не являюсь сторонником фреймворков. Спасибо за видео.
Попробовать всегда можно
Бредняк писать у тегов миллион классов что бы заменить примерно такое же количество стилей.
Тут важен сам подход, чуть позже поймёте
я работал с чем-то подобным. С одной стороны немного проще и быстрее делать прототипы. Но с другой....Куча мусора в коде.
Годный видос! Благодарю. Стоит выучить тайлвинд в будущем. А тебя попрошу снять отдельный подробный видос-урок по gridcss:)
Спасибо. Та снимал уже раз 10
А, понял.
Такое себе, если честно. В style не проще ли прописывать в таком случае?
Надо попробовать, Что-нибудь да сверстать на нем)
Попробуй, это легко
крутая утилита. Теперь только она. Жду выхода 2-ой версии её.
Спасибо!)
Всегда пожалуйста
Вместо двух классов написать десять. Действительно, удобно. И ни фига не запутаешься в них.
Не запутаешься
@@SuprunAlexey ага, прикольный будет квест когда нужно будет немного изменить дизайн primary кнопки во всём портале.
Весело
@@slprime-old так у них классы будут одинаковы?! Нет?
Мне вообще эта тенденция не нравится, ради изменения цвета кнопки лезть в html и добавлять класс, вместо того чтобы сделать это в css, очень напоминает те времена когда стилизация делалась через атрибуты в html
Довольно интересная штука. На первый взгляд это дико не удобно, но эта колбаса пишется один раз во время стилизирования элемента. Потом просто заменяем классом, куда через @apply bg-gray-500 px-2 hover:bg-red-100 пихаем всю колбасу и забываем.
Я раньше использовал кастомайзеры для бс, потом сас, теперь я использую тайлвинд это реально удобно причем а настройках его можно менять как угодно, размер контейнера или цвета
В закладки добавил, в деле пока использую материал и бутстрап5, Спасибо за альтернативу )
Очень хорошая альтернатива, присмотритесь
говорится как тэйлвинд, а не тэйлвайнд
А я читаю это как таилвинд
Ппц, очень важно как это читается
То есть, почти то же самое, что и с использованием атрибута "Style" в html
Попробуйте и сравните количество символов прописанных
@@SuprunAlexey По поводу кол-ва символов - да. Самому приходила идея, чтоб в названиях классов за основу были взяты сокращения, как в Emmet(если не ошибаюсь) В общем, чтоб максимально коротко
@@user-yk2nw8en3p ну вот :)
@@SuprunAlexey Смысл не в количестве симловов, в негибкости подхода. Ось изменений проходит не через одну точку (каскадная таблица), а через сотни мест (атрибуты тегов)
@@SuprunAlexey а если в большом проекте решили сделать редизайн кнопок, придётся все кнопки что-ли переделать? 😱
Завтра заценю спс дядь
Класс, заценил?
Меня всегда отпугивали готовые решения для css, так как все эти готовые решения всё-таки заставлют вникать в них. Из этого следует, что ты вместо того, чтобы понять как все работает, запоминаешь имена классов, что не совсем хорошо, так как дизайны проектов по ним тупо не бьют. Поход всех этих готовых решений подходит только под внутренние проекты, которым нужен в основном функционал, а текущий канал рассказывает в основном, как верстать, а не писать фронтенд.
Ну да. Удобная штука. Но вот я прочитав комментарии и вправду лучше бы еще добавил возможность замены простыни классов на один какой-то свой класс. Это было бы точно удобнее. Хотя если использовать react vie или svelte, то по сути тут достаточно по сути один раз отредактировать в нужном стиле компаненты и затем использовать не чистый Tailwind, а уже дальше использовать стилезованные компаненты. Ну а так тучу классов писать так себе вариант. Но один раз написать можно конечно)))
сравни плиз со smirtgrid который в чем то обошел Bootstrap
Посмотрим
Создавать или модифицировать классы (для стилизации сайта) или делать inline html стиль для каждого экземпляра.Первый путь позволяет получить результат быстрее и код будет более читаемым.
хорошее видео, хотелось бы только поправить что wind произносится как увинд, а не уаинд .
Похоже это больше заточено под SPA. В обычной верстке каждый раз прописывать кучу одинаковых классов одинаковым элементам такое себе. В условном React'е один раз прописал в компонент и используешь сколько влезет не парясь с css файлами, такое имеет смысл.
В Pinegrow есть визуальный Tailwind редактор, там вообще все на лету делается
Дааа
А можно классы выводить в отдельные файлы с применением имен? Чтобы если придется корректировать не делать это в 500 местах
Можно даже делать компоненты
Плакал твой БЭМ ;p
Ага
И как сделать сложное меню с выпадающими списками ?
Компоненты даже есть , tailblocks
а что с разметкой и адаптивностью?
Все прекрасно
Как поисковик реагирует на такую перегруженность классов?
Поисковик реагирует на поведенческие факторы остальное изжитки прошлого
Та отлично
@@user-ii9sp6vt2x схренали изжитки прошлого
А если использовать и Bootstrap и Tailwind одновременно?
Лажа
Выглядит круто, только одна проблема, ко всему этому мусору потом JS подключить, зае**шься искать, особенно в готовом проекте который не ты делал
Бутстрап тоже легко можно перекомпилировать, убрать ненужные компоненты, поменять ширину контейнера и тп
Везде можно
Наверное повторю уже многих вышеотписавшихся, но тут придётся учить дополнительную прослойку классов CSS на самим CSS. Истину уже давно выяснили - для админки или мало посещаемого сайта можешь тянуть хоть километр библиотек и фреймворков, но для прода будь добр использовать только самые нужные, необходимые стили.
"я захотел научиться верстать и попробовал бутстрап" - гениально, похлопаю
Громче хлопай, не слышу 😂
Новичек на бустрапе может норм сайт своять, лучше так чем горе верстальщики которые на своих костылях флоатами верстали)
@@iamname8758 ага, естественно
@@iamname8758 Та че? Нормально флоатами получалось верстать. Я еще и таблицами верстал в нулевых - и нормально работало все. На то время -было отлично, свою задачу решало. И деньги зарабатывались.
Что-то не понятная тема.
Если вы постоянно работаете с вёрсткой и дизайном, в чём проблема уже собрать свою библиотеку ?
Зачем нужны все эти бутстрапы и т.д. кроме как для прототипирования?
Есть Flexbox, есть JS, есть SmartGrid (от Лаврика) и с этим набором можно делать всё что хочешь.
Зачем придумывать себе боль и страдания переписывая кучу классов в бутстрапе или тэилвинд?
Nice good
Awesome
не узкопрофильный фронт. но именно такой подход проще всего. в bulma нечто похожее. сам ловлю себя на том что вручную прописывал подобные классы типа my-.. py fs fw и прочее нежели создавать уникальные одноразовые классы
То то же
ладно еще web приложение на реакт, vue где все грамотно настроено. Но вот мне пришлось переделывать 2 сайта обычных юзали tailwind, делали оочень долго, подбирая классы, рекорд был 20 классов для дива, какая боль потом это доводить до состаяния как в дизайне , эт Жэсть.). и все равно до дизайна и пиксельперферта в 95% как до луны..Во общем специфичный весьма инструмент, который нужно хорошо сначала настроить а дизайн должен еще для этого подходить. 700 кб вес css тока этого таилвинда..
Короче. После просмотра одного фрагмента. Вставляем css styles в виде атрибутов (классов) в html тег и вся новизна.
Бррратюнь все ОК но твой тэйлВАЙнд, мцц.... ой ну нимагу🤣🤣🤣
wind === вИнд || уИнд ))
но эт всё херня лукаса за видос поставил!.😎😎😎
Блин, когда увидел бутстрап, хотелось самому реализовать подобное, что была возможность удалять не используемые классы
Неплохо
Я заморачивайся качая не .min,а обычный .css, проще и больше гибкости модернизировать классы бутстрапа. Если эта библиотека сама удаляет, то это прям супер ускорение. Буду пробовать. Автору респект за все, что он для нас делает.
Some content
Неа, это уже плохо
Ну.. Такое себе решение... После прихода флексов, перестал понимать, зачем нужен бутстрап? А на кой нужен css-фреймворк, не понимал никогда.
ТэилВАЙНД , господи, спасите мои уши
[тэилвИнд] не [тэилвАИнд] а так супер! спасибо
Ага
А в чем отличие от Atomic CSS ?
Если честно не шарю за атомик
Пойду выделю по группам все элементы вьюшки свой вебаппы и создам на js функцию для применения стиля. пронумерую стили от 0 до 9 и буду в поле класс вставлять просто цифру. А кто запретит))))
Sass лучше, миксины удобные, предсказуемые, как и переменные + js выражения в них. А html не забит лишним мусором. Это все особо важно при работе с большой тройкой Vue, React, Angular, где есть компонентный подход.
Я лучше стилизую адаптивность без каких-либо фреймворкор с помощью grid технологии + ещё адаптивность блоков, шрифтов и прочее реализую с помощью calc()
Тэйлуинд, дружище (не тэйлуайнд). Так это произносится. Люблю этот фреймворк.
Уже все написали, ну бывает
@@SuprunAlexey . Так и есть. Сорян, поленился комменты почитать ;)
@@HIghtowerSever а вот стоило бы
@@SuprunAlexey произносить правильно тоже стоило бы
Так понимаю, разработчики tailwindcss вдохновлялись методологией atomic css
Частично
Ну что же автор, тебе это удалось - лови лайк!
Пожелание - ну ты взялся за это, ну показал бы это не 9 минут, а скажем 19. Показал бы то, о чем говорил подробно на реальном макете. А тут... вжух вжух и в продашн.
PS Nicepage - ты нам на него ссылку дал, а вот на самое главное нет... tailwindcss.com/
Та вот думаю может практику на нем запилить
хм....сначало обрадовался....поюзал приложухи и растроился......
не было , нет и не будет ничего лучше, чем ручками самому писать.
Может быть
Да но это время, а чем быстрее верстальщик верстает тем лучше, далеко не всех заказчиков интересует, уникальная ручная вёрстка)
Тут сайт за 2 часа накидать можно, а так бы в ручную, возможно и все 5-6 убил бы
@@iamname8758 смотря какие цели
@@iamname8758 Ага, потом с таким сайтам обращаются - а что-то наш сайт в лайтхаусе в красной зоне. А оказывается там разработчик сэкономил себе время, сверстал все на каком-то говнофреймворке + навешла jquery и еще кучу его плагинов.
Совершенно точно. Как перешел на полностью ручное написание с нуля кода, кроме сетки + ванильный JS (и его небольшие мини-либы для разных частей функционала) и выпилил jQuery - так сразу сайты стали попадать в зеленую зону в новом движке лайтхауса в пейджспид.
Я считаю это ужасно, меня раздражает вереница классов, а ведь это только одна кнопка, а таких компонентов огромное множество, а ведь html не кешируется в большинстве случаев. Куда эффективнее описать стили кнопки/любого компонента в css и присвоить один, два класса
Ваше мнение имеет место быть
Все новое - это хорошо забытое старое : привет атрибут style ...
Вы не поняли суть
Блин. :) Пытаюсь слушать, но аж подпрыгиваю от тэил ВАЙНД. :) Как же мозг переключить на контент-то.
Ох. Не получилось полностью, но хоть как-то... Ладно, лайк все равно поставил. :)
Вообще не вижу никакой революции. "Соберём страничку за 2 минуты" - собрали в итоге на полтора компонента 100500 строк, из 100500 классов, которые (о чудо!) интуитивно понятны по названиям. Это получается нужно полезть в доку, посидеть там с полгода, чтобы более менее запомнить набор необходимых классов, чтобы потом писать из них простыню, в которой через полгода проекта (а может и раньше) сам чёрт ногу сломит при дебаге или рефакторинге.
Настоящие суровые верстальщики не используют фреймворки))
tailwind.css 👍👍👍
👏🏻👏🏻👏🏻👏🏻👏🏻
Пишу сам по методологии БЭМ и меня все устраивает, ибо после БЭМ, фреймворки css кажутся дикостью
Каждому своё
хуяк хуяк и в продакшн ))
Многие так и делают
А потом удивляются, почему страница 10 мегабайт весит...
* tailwind [ˈteɪlwɪnd]
Ок ок
да ладно, ещё скажи что не "сервайс" а "сервис ":)
Такой подход - это извращение самой цели существования классов. Классы нужны для управления наборами свойств. А вот это - это именно то, что называется "плодить сущности". Далее. Дизайн "из коробки" (нелёгкой, к слову) tailwind годится разве что для безликих админок и кабинетов. Во всех остальных случаях всё равно пишут кастомный стиль, стараясь держать и html и css максимально чистым. Выпиливать всё лишнее из фреймворка - себе дороже, да и вообще глупо, мне кажется
Далеко не извращение
Если на условном лендинге есть 8 кнопок одинакового стиля, и через неделю заказчик захочет поменять цвет, придется все 8 кнопок искать и в каждой менять класс)))
У вас бывало хоть раз такое в вашей практике?
Был случай, когда клиент попросил поменять колорсхему сайта( был салатовый, на более темный).
Тогда мне пришлось бы каждый элемент сайта отдельно менять..
@@stanislavshinkovich4041 можно было использовать переменные цветов, и не заморачиваться
@@chudickgumanoid что и есть намба уан в вёрстке кстати - даже норм фигмы дают с отдельными страничками гед прописаны фонты кнопки цвета - сразу создаешь себе вариэблс и там всё прописываешь и погнали
*Новый "интуитивно понятный интерфейс" для обычного пользователя.* С которым обычный пользователь не справится, а опытному, особо без надобности.
Ахах, справиться ещё как
Использую сетку bootstrap и всё. Остальное ручками... "никакого неиспользуемого css"
Не нравятся эти Фреймворки из-за нагромождение. Мб только я так думаю
А если у тебя 20 элементов одинаковых, то для каждого один и тот же код со свойствами повторять? А как же главный грех-дублирование кода? И ещё интересно, как он с реактом дружит?
Есть директива apply. С реактом прекрасно дружит!
Так наоборот же ты не плодишь много css кода, а используешь повторно одни и те же классы)
@@iamname8758 И плодишь ХТМЛ код.
Так с реактом все можно подружить - в чем проблема?
Bootstrap лучше всё равно)
? этим все сказано
Это что
Расшифруй
@@SuprunAlexey мол указал, что Nicepage из описания и начала ролика - это реклама. Хотя это и так понятно
Очевидное невероятно
Произносится tālˌwind - попутный ветер
Не убедил
Все тоже примерно с той же скоростью можно сделать и на бутстрапе и учить не нужно все эти специфичные классы. Да, интуитивные имена, но и в бутстрапе тоже. Для профи, вероятно найдется множество преимуществ у этой альтернативы, но новичку проще стартовать с бутстрапа. ИМХО
С выходом флексов такие библиотеки как бутстрап и аналоги уже не актуальны в 2020году. Использование библиотеки приводит к уменьшению скорости загрузки приложения в целом. Сейчас все борются за производительность.
Что, блядь не так с теми разработчиками, которые в 2020 используют бутстрап и аналогичную хрень?
Вы, наверное, так и не научились пользоваться CSS? Правильно я полагаю?
Та нет
@@SuprunAlexey Вы же понимаете, что использование любых фреймворков CSS на постоянной основе, означает, что человек, при условии что он знал хоть чуть-чуть CSS, просто забывает что там и как. А судя по Вашим словам, Вы начали с фрейворков. Отсюда логический вывод - Вы НЕ знаете CSS. Проще один изучить CSS, чем постоянно мучить себя поисками "нового", "лучшего" и т.д. фреймворка. Ну разве я не прав?
@@sashatv138 не прав. позже поймёшь;)
@@dmitrydzimbo8297 пойму что? Что Вы уже забыли что такое CSS или что я не прав?
Видео я посмотрю но мне как-то удобней на чистом CSS с использованием плагина Emet там припроцесоры SCSS для меня это всё бред... Я какой-то клас для обэкта сделал за 1 минуту и сделал так как мне удобно и всё... А то учи наново какие-то классы мы со временем хотим упростить такие простые вещи до такой степени что даже не чувствуем кайф от того что ты имеешь сили и ума делаешь что-то тежолое и другие это оценивают...
Дело привычки
Лучший css фреймворк, и кастомизация, гибкие настройки, нет навязанных стилей (как бутстрап)... PS 5 дней обкатывал, пробовал его, просто бомба! Ничего что классов много, быстро и понятно зато
К классам привыкаешь максимально быстро
@@SuprunAlexey то-то и оно
Но на рынке Bootstrap востребованный шейчас.
Это да
antd норм
Каждому своё
херня недопиленая))) куча пропсов, которые мер пойми зачем, за то важных пропсов нет, в доке дыры, в стилях тоже
у net ninja есть отличный свежий тутор по тейлвинду в нескольких видео, кому интересно
По моему там видео штук 20
@@SuprunAlexey так и есть, сказав нескольких погорячился. но короткие зато
@@ivomeadows в его стиле
Ну такое... Для быстрого клепания на фрилансе пойдет, а для долгосрочной поддержки не годится.
Каждому свое
Ну вообще-то Bootstrap 4 тоже utility-first. А так да, за счет большего количества утилит Tailwind гораздо гибче. Июль и август работал над проектами с ним, и вот сейчас пришлось доделывать проект с Bootstrap, так это небо и земля. Главное помнить, что при использовании Tailwind шаблонизаторы становятся не прихотью, а необходимостью.
Мой товарищ начинающий бэк достал этим твиндом. В верстке совсем не шарит и пользует эти фреймворки. И проблема в том что он не знает нормально работу флоу и стилей и это приводит к крепким завтыкам. Видя его разметку меня в дрожь кидает. Это еще раз наводит на мысль о том что в начале нужно бы знать основы а не бездумно пользовать фреймворки. Да я понимаю это будет дольше чем если сразу использовать БС твинд но на выходе человек будет легко понимать как строить флоу и почему и как это все работает. И если вдруг завтра выйдет новый АТОМАРНЫЙ фреймворк то у людей знающих основы проблем не возникнет.
Я думаю все приходит с опытом, научится
@@SuprunAlexey Не разделяете мнение о том что взлет Tailwind обусловлен включением в Laravel ?. Мне проще такие вещи писать все же в ручную. А такие приспособы радуют в основном начинающих и вот таких ребят с бэка. А пуржить можно и просто использовав плагины на галп или вебпаком(понимаю что не будет такой эффект как если бы было на Tailwind написано). Правды ради должен отметить что есть интересные идеи в Tailwind. Но думаю что все же заглохнет и он.
Как bootstrap не нужен был, так и эта херня
100%
Нужен для своих задач, как и любой другой инструмент. Иначе бы его не делали
Сложновато
Какая гадость, какая гадость этот ваш заливной тэйлвинд. Это же worst practices в чистом виде. Ровно один пример: у вас есть скажем компонент ну типа Заголовок кастомно оформленный, который используется по всему проекту в десятках мест. Часть из которых могут быть в файлах шаблона, часть где-то в админке, в БД. И нужно его подправить - задача совершенно банальная и типовая. Вот с этим говнофреймворком это превратиться просто в АД.
Попросту говоря набор костылей, на этот код потом смотреть без слез нельзя, а кроме того это и увеличивает время разбора css правил при парсинге html. Я уж не говорю о поддержке такого кода. Вижу ровно одно место его применения - прототипирование, где-нибудь подальше от глаз людских, и уж точно не продакшене. Маздай и есть маздай. Популярен он ровно потому, почему и популярен бутстрап - люди ленивы и не хотят писать нормальный минималистичный, но семантически понятный код, это же не тяп-ляп и готово. И он определенно хуже бутстрапа в этом плане ибо делает из кода помойку. Почти тоже самое что и инлайн стили - а по сути оно и есть, только называется иначе. Тоже мне изобрели инновационный фреймворк.
Вы что для каждого проекта все пишите с нуля? И кто вам только деньги за такое извращение платит?
@@diterbolen9301 В последнее время да, как гугль поменял алгоритм расчета метрик в лайтхаусе в конце мая. Тогда почти всей сайты резко просели по показателям скорости. Извращение использовать фреймворки там где это не нужно и часто просто вредно. Фреймворки годятся для админок и прототипирования, но не более.
А писать с нуля это не так сложно как кажется, когда постоянно это делаешь. А главное минималистично, аккуратно и все это работает реактивно. В качестве базы использую только модернезированную под себя smart-grid сетку от Лаврика, которая сделана на less.
А экономия работы для разработчика часто вылазит боком потом для клиента.
@Дмитрий Самарин В этом практически очень мало смысла Такую сетку я и сам могу сделать или взять уже готовую у других, ничуть не хуже. Сетка это мизерная часть бутстрапа.
@@diterbolen9301 Я, бывает, пишу с нуля - платят деньги. Я же решаю поставленную задачу. Можно CSS и без фреймворков написать - это быстро и легко делается.
Та и любой фреймворк CSS - учится за вечер, если надо. Я с Bootstrap разобрался быстро, коогда на Opencart интернет магазин взялся доделывать. Не знал ни бутстрапа, ни опенкарта до этого толком. Разобрался без проблем, задачи решил - деньги получил.
Надо будет, и с этим Тейлвайндом разберусь без проблем. Если встретится на моем пути.
Бить по рукам всех тех, кто ради того, чтобы "попробовать очередной хайп" тащит всякие фантазии сумасшедшего вроде tailwind, которые не знаю где могут и подойти. Склипать быстро сайтец, как на примере с видео, чтобы потом отдать заказчику и он был недорабатываемым? А может в реакт приложении накидать кучу нечитабельного кода? А может на чистом html/css, дабы это было совершенно невозможно дебажить? Инкапсуляции CSS? Не слышали. Штука удобная при первом использовании, но бесполезная и бесперспективная, особенно для крупных проектов
Какой смысл в tailwind, этот framework ухудшает читабельность , потом код просто становиться хламом. Все должно быть раздельно , стили в файлах scss ,компоненты в jsx. Нет никакого диссонанса в коде , все должно быть просто и понятно !!!!!!!!!!!
За неделю освоить и сделать красивый сайт? кхе, это наверно криво и косо типо лендинг сворганить без БЭМ, препроцессоров и особого опыта в верстке flex и grid. Bootstrap вообще не понимаю зачем, там же всё очень шаблонно, а если захочешь немного переделать шаблон то придется переопределять куча стилей, легче самому уже сделать компонент а не брать шаблон с сайта
Пожалуйста, перед записью видео проверьте правильность произношения английских слов.
20 секунд времени и на всем ролике правильное произношение, а не вот это вот все.
Wind - ветер. Читается как Уинд.
Tailwind - попутный ветер.
По сути атомарный css
В лучшем виде
Да ну нахер.
Html ©