TailwindCSS. Полный курс

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ก.พ. 2025

ความคิดเห็น • 299

  • @eduard401932
    @eduard401932 2 หลายเดือนก่อน +2

    Здравствуйте, спасибо огромное и низкий вам поклон!!! Это самое полное и лучшее объяснение TailwindCSS!!!

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 หลายเดือนก่อน

      Спасибо большое за поддержку

  • @Олексій-ь1м
    @Олексій-ь1м ปีที่แล้ว +25

    Курс - бомба, оправданно восхищаюсь манерой подачи информации после прохождения этого курса и еще двух других. Спасибо за Вашу работу!

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว +1

      Спасибо большое за отзыв

    • @yerkebulanberdissugirov6311
      @yerkebulanberdissugirov6311 ปีที่แล้ว

      @@YauhenKavalchuk Здравствуйте, у меня на yarn add -D tailwindcss postcss - выдает ошибку, как это исправить?

    • @artemenko53
      @artemenko53 ปีที่แล้ว +1

      @@yerkebulanberdissugirov6311 Надо установить yarn коммандой
      npm install --global yarn

  • @igorkulibaba7287
    @igorkulibaba7287 2 ปีที่แล้ว +18

    Очень очень искренне благодарен ,за такую афигенскую работу!

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว +1

      Спасибо большое за отзыв

  • @slt4415
    @slt4415 ปีที่แล้ว +7

    лет 5 когда начинал знакомиться с миром программирование не хватало мелких разъяснений как работают те или иные вещи и в сети не было конкретного. Помню как мучился в версиями зависимости ) лайк что новичкам показываешь.

  • @Grigoren_com
    @Grigoren_com ปีที่แล้ว +2

    шикарная подача материала! спасибо большое за Ваш труд!

  • @alexsavchenko1590
    @alexsavchenko1590 ปีที่แล้ว +2

    Спасибо за труд, жаль что мало просмотров, в рунете твой курс лучшее что удалось найти!👍

  • @zaurhuseynzade6950
    @zaurhuseynzade6950 2 ปีที่แล้ว +18

    Несправедливо малое количество лайков для столь качественного объяснения.

  • @Oksan4ik1
    @Oksan4ik1 9 หลายเดือนก่อน

    Огромное спасибо) знакома с технологий, решила обновить знания и очень много вынесла с вашего урока!)

  • @HitLowww
    @HitLowww 10 หลายเดือนก่อน

    Очень крутой курс! Несправедливо малое количество просмотров и лайков. У Вас талант.

    • @YauhenKavalchuk
      @YauhenKavalchuk  10 หลายเดือนก่อน

      Спасибо большое за поддержку

  • @voronovmaksim88
    @voronovmaksim88 7 หลายเดือนก่อน

    Очень полезный курс. Хорошая подача. Лайк и подписка!

  • @deniseagle
    @deniseagle 11 หลายเดือนก่อน

    Честно это талант, все бы такие подробные видео

  • @antonkuznetsov2680
    @antonkuznetsov2680 ปีที่แล้ว

    Это лучший курс что я видел!!! браво! просто браво стоя!

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Спасибо большое за отзыв

  • @grigoryveynin8553
    @grigoryveynin8553 5 หลายเดือนก่อน

    Спасибо большое за подробный обзор технологии!

  • @RajPolinovsky
    @RajPolinovsky 2 ปีที่แล้ว +2

    Спасибо вам за полный курс!

  • @Nikitosss91
    @Nikitosss91 ปีที่แล้ว

    Лайк не глядя, Женя - это гарантия годноты!

  • @ta_ivanova
    @ta_ivanova ปีที่แล้ว

    Большущее спасибо за подробный разбор фреймворка!

  • @arinqwerty
    @arinqwerty 11 หลายเดือนก่อน +4

    Спасибо за курс! Очень наглядно и понятно.💙
    Но я не понимаю ЗАЧЕМ? ПОЧЕМУ люди это используют? На CSS коде килобайты экономят? Больше плюсов не вижу! Ещё понимаю для мелких пет-проектов и админок - ок, время сэкономить. Но ведь это кошмар, мне отвратно от кол-ва классов на элементе! Увидеть ЭТО на проекте нормального размера, с нестандартным дизайном, лично мне, больно! БОЛЬНО глазам! Что заставляет людей выбирать это!? Особенно в пару с реактом, при возможностях компонентного подхода и изоляции стилей. Объясните мне: зачем вы это делаете? Как мне теперь с этим жить!? Как мне жить с проектом на tailwind!? Как смириться с этой болью и раздражением? Мне мало того, что читать, мне писать эти простыни классов придётся! 😭Я обожаю вёрстку и задачи по ней, но с tailwind я буду всеми правдами и неправдами от них отнекиваться.
    P.S. Страшно! Очень страшно!

    • @YauhenKavalchuk
      @YauhenKavalchuk  10 หลายเดือนก่อน +1

      Спасибо за отзыв. Касаемо вашего комментария - отчасти согласен

  • @ganjour
    @ganjour ปีที่แล้ว

    Спасибо. Хороший, нужный курс.

  • @MrLgbk
    @MrLgbk 10 หลายเดือนก่อน

    Согласен с крутостью подачи маериала. Спасибо!

  • @mrSeven-iu2ii
    @mrSeven-iu2ii 8 หลายเดือนก่อน

    Не понимаю почему так мало лайков, отличная работа!

    • @YauhenKavalchuk
      @YauhenKavalchuk  8 หลายเดือนก่อน

      Понятия не имею

  • @ser9ga592
    @ser9ga592 ปีที่แล้ว +1

    Великолепно! Очень доступно и без воды

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว +1

      Спасибо большое за отзыв

  • @vova7673
    @vova7673 6 หลายเดือนก่อน

    Отличная информация. Спасибо!

  • @adamandsteve13
    @adamandsteve13 2 ปีที่แล้ว

    Отличный урок. Красота :-) И приятный голос.

  • @RuslanHimadieiev
    @RuslanHimadieiev ปีที่แล้ว

    Очень все структурировано и подробно! Велике дякую!)

  • @АлмазТухватулин
    @АлмазТухватулин ปีที่แล้ว

    Топ! Изучил фреймворк за 2 дня. Всем советую

  • @GGSoft2009
    @GGSoft2009 3 หลายเดือนก่อน

    Вы преподователь от Бога!!!

    • @YauhenKavalchuk
      @YauhenKavalchuk  3 หลายเดือนก่อน

      Спасибо большое

  • @FelAA
    @FelAA 10 หลายเดือนก่อน

    Спасибо за видео. На мой взгляд стоило рассказать про изменения дочерних элементов, например, когда меняется стиль вложенных элементов при наведении мыши на родителя

  • @andrew_b2r
    @andrew_b2r 2 ปีที่แล้ว

    Женя большое спасибо, ещё не начинал смотреть но уверен что контент будет годный как всегда)

  • @Evgenybabenko
    @Evgenybabenko 25 วันที่ผ่านมา +1

    Спасибо!

  • @znakjj
    @znakjj ปีที่แล้ว

    Спасибо большое за такую работу!

  • @МалышВладимир
    @МалышВладимир ปีที่แล้ว

    Очень классно всё расписано

  • @medokuk8644
    @medokuk8644 ปีที่แล้ว

    Благодарен за урок, четко все объясняешь спасибо!

  • @alexeycherkasov1144
    @alexeycherkasov1144 2 ปีที่แล้ว +10

    Чтобы не использовать сайт Lorem Ipsum можно юзать встроенную возможность Emmet: например, lorem10 выведет текст-рыбу из 10 слов

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว +1

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

    • @facts_from_scratch
      @facts_from_scratch ปีที่แล้ว

      или lorem*3

  • @tazorprod.934
    @tazorprod.934 ปีที่แล้ว

    Tailwind в связке с реактом просто пушка

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      👍

    • @bjol_Dg
      @bjol_Dg 3 หลายเดือนก่อน

      ага, себе в висок )) будет также как и с бутсрапом - уйдёт в небытие

  • @DmitryDolganov
    @DmitryDolganov 2 ปีที่แล้ว

    Благодарю! Заранее ставлю лайк, но смотреть буду позже, как освою базу!)

  • @alexmoney4641
    @alexmoney4641 ปีที่แล้ว

    Отличное видео, огромное спасибо за труд!

  • @raftti
    @raftti ปีที่แล้ว

    Спасибо за видео, все понятно и информация нужная

  • @Лесорубовлеха
    @Лесорубовлеха ปีที่แล้ว

    хороший гайд. спасибо за обучающий контент

  • @yaroslavsolomianyi2091
    @yaroslavsolomianyi2091 2 ปีที่แล้ว

    Спасибо за прекрасный видеоролик.

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว

      Спасибо за поддержку

  • @ОленаНехрищинюк
    @ОленаНехрищинюк ปีที่แล้ว

    Просто лучше никто бы и не снял. После Tailwind обычный css - слишком правильный и консервативный, это как говорить "Здравствуйте уважаемые господа", когда Tailwind предлагает говорить просто - "Всем привет". Супер. Спасибо))

  • @VladDubovyi
    @VladDubovyi ปีที่แล้ว

    Бро, поздравляю тебя с 100к. Смотрю твой канал уже 4 года, вспоминаю первые видео по js, ты уже наверно super senior спустя столько лет

  • @andranikhambardzumyan6264
    @andranikhambardzumyan6264 ปีที่แล้ว

    Великолепно!

  • @ЕвгенийМалый-ш9ф
    @ЕвгенийМалый-ш9ф ปีที่แล้ว

    большое спасибо. очень хороший материал

  • @Yaroslav_2003
    @Yaroslav_2003 ปีที่แล้ว

    Спасибо большое за труд 👍

  • @uzver3787
    @uzver3787 ปีที่แล้ว

    Хороший курс. Спасибо! Единственное пожелание, немножко подкрутить звук, чтобы меньше низов было, гула.

  • @alexandr8151
    @alexandr8151 ปีที่แล้ว

    Спасибо за курс)

  • @pavelillich7612
    @pavelillich7612 ปีที่แล้ว

    Спасибо! Это было здорово!

  • @xcvb4
    @xcvb4 2 ปีที่แล้ว +1

    Спасибо за подгон , как раз начал учить tailwind.

    • @NeGovoriNet
      @NeGovoriNet 2 ปีที่แล้ว +1

      сочувствую

    • @xcvb4
      @xcvb4 2 ปีที่แล้ว

      @@NeGovoriNet что такое?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว

      Пожалуйста

  • @pdidevich
    @pdidevich ปีที่แล้ว +2

    Ощущение, что они переизобрели атрибут style, настолько атомарные классы используются.
    А потом придумали директивы, чтоб получились обычные классы )
    За видео спасибо - помогло быстро понять, в чем суть фреймворка.

  • @Leon-rv2zm
    @Leon-rv2zm 2 ปีที่แล้ว +1

    Спасибо за туториал. Полезно и познавательно, но немного нудновато. Смотрел стоя, чтоб не спать
    Ставлю лайк

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว

      Можно увеличить скорость

    • @almichael34
      @almichael34 ปีที่แล้ว

      Если повторять код за ведущим, то скорость вполне нормальная, иногда даже не успеваю, приходится перематывать )

  • @frankshepherd5953
    @frankshepherd5953 ปีที่แล้ว

    Курс просто пушка!

  • @ОлегФилатов-м6е
    @ОлегФилатов-м6е ปีที่แล้ว

    Очень крутой контент

  • @artemivanov5013
    @artemivanov5013 2 ปีที่แล้ว

    Спасибо за урок!

  • @aleksandrkobelev8868
    @aleksandrkobelev8868 2 ปีที่แล้ว +3

    Если у кого как и у меня не работает yarn то нужно его установить npm install -g yarn, а затем запустить VS code от имени администратора и запустить такое Set-ExecutionPolicy RemoteSigned

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว +1

      Что-то как-то сложно. Никогда ничего подобного не делал. Обычно достаточно просто скачать yarn, или просто использовать npm

    • @BIS84oxen
      @BIS84oxen ปีที่แล้ว

      @@YauhenKavalchuk Это потому, что у Вас не винда ))

    • @Ianarkhipov
      @Ianarkhipov ปีที่แล้ว

      а можно просто не использовать yarn а обойтись npm. У меня с установленным yarn была потом проблема с angular-приложением, в котором даже yarn не был задействован, пришлось лезть в корень машины и копаться в скрытых файлах

  • @Signtone
    @Signtone 2 ปีที่แล้ว

    Ооо люблю полные курсы))

  • @samolevich
    @samolevich ปีที่แล้ว

    Очень хорошо, спасибо

  • @artem_ib
    @artem_ib 2 ปีที่แล้ว +2

    Подход Тайлвинд из за кучи классов очень отталкивает, но они этот недостаток превратили в свою фишку. Мне тоже такой подход не нравится - но сам по себе фрейм лёгкий, в целом понятный, очень понравился подход внесения изменений через конфиг. Имеет право на жизнь - но думаю что сейчас он хайпит, затем он затеряется, а бутстрап будет живее всех живых при своих недостатках.
    Для общего развития стоит выучить - тем более для этого достаточно посмотреть это видео и потыкать вечер самому

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว

      👍

    • @drino955jug3
      @drino955jug3 ปีที่แล้ว +1

      тем временем сейчас tailwind в самом разагре хайпаахапхахп

    • @artem_ib
      @artem_ib ปีที่แล้ว

      @@drino955jug3 ну хайпует) в целом мнение не поменял, бесят когда много классов, с другой стороны это наименьшая проблема с которой я сталкиваюсь))

    • @gfhitdxaahn
      @gfhitdxaahn ปีที่แล้ว

      @@drino955jug3 пока нет, это еще не предел

  • @rudakov_ilya
    @rudakov_ilya 2 ปีที่แล้ว

    Лайк не глядя😍

  • @ОлуксійСергіїович
    @ОлуксійСергіїович 5 หลายเดือนก่อน

    Красава

  • @GonzaVladimir
    @GonzaVladimir 2 ปีที่แล้ว

    когда круто, тогда круто. Лайк подписка

  • @tatianovnafrutti8982
    @tatianovnafrutti8982 2 ปีที่แล้ว

    Супер ! Спасибо!!!!

  • @Елена-б6в3ж
    @Елена-б6в3ж 11 หลายเดือนก่อน

    Спасибо за ролик, все понятно изложено.
    По-моему мнению, Tailwind - полная лабуда, не понимаю, почему популярен

  • @mixfix86
    @mixfix86 2 ปีที่แล้ว +1

    спасибо!

  • @adeven2226
    @adeven2226 ปีที่แล้ว

    вопрос зачем оборачивать div внутрь другого div'а? например когда создавался footer сайта 25:49

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

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

  • @Alexey-n1d
    @Alexey-n1d 10 หลายเดือนก่อน

    спасибо за хорошую подачу.!
    Так и не смог найти причину почему на 'randomuser' фотках не применяются класс на скругление на размер, фотки и с папки вставлял ни в какую не хочет применяется тоже .

  • @KomanDante999
    @KomanDante999 ปีที่แล้ว

    товарищи, у кого-то возникала проблема с плагином Tailwind и lifeserver? пока запущен lifeserver - подсказки не работают. Как только выключаешь - норм все работает

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      🤔🤷‍♂️

    • @KomanDante999
      @KomanDante999 ปีที่แล้ว

      @@YauhenKavalchuk А, нашел в чем прикол, Live Server ни при чем. Когда создаю атрибут class курсор автоматически помещается внутрь "|" и подсказки не выводятся. Если щелкнуть в другое место а потом опять вернуться в class, то подсказки начинают работать. Странное явление, может с эммитом конфликтует? Я все плагины повырубал лишние, но вот такой глюк.

  • @ilyamishutka6731
    @ilyamishutka6731 2 ปีที่แล้ว +3

    Такой вопрос, а не могли бы вы сделать курс по gulp или webpack ? Ну или отдельное видео?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว +7

      Возможно в этом году сделаю…

    • @ilyamishutka6731
      @ilyamishutka6731 2 ปีที่แล้ว

      @@YauhenKavalchuk я буду вам очень благодарен)

  • @MSiL_UA
    @MSiL_UA ปีที่แล้ว

    52:34 , объясните пожалуйста каким образом в секунду заменяются все повторяющиеся стили

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      postcss обрабатывает это

    • @MSiL_UA
      @MSiL_UA ปีที่แล้ว

      @@YauhenKavalchuk спасибо за ответ и урок!)

  • @deniseagle
    @deniseagle 11 หลายเดือนก่อน

    Евгений помогите пожалуйста, Как извлечь все классы и свойства сетки grid из Tailwind CSS для использования в своем собственном файле стилей?

    • @YauhenKavalchuk
      @YauhenKavalchuk  11 หลายเดือนก่อน

      Если честно не знаю( не пробовал такое

  • @YaniaRZ
    @YaniaRZ 7 หลายเดือนก่อน

    Спасибо большое! Не поняла только как можно использовать сss-переменные и как задать свои брейкпоинты, ведь свой дизайн может ломаться на других разрешениях(

    • @YauhenKavalchuk
      @YauhenKavalchuk  7 หลายเดือนก่อน

      В самом конце курса рассказываю о конфигурировании настроек. При этом конфигурировании можно задавать свои цвета, размеры и т.д.

  • @АлександрКоваль-д3щ
    @АлександрКоваль-д3щ 2 ปีที่แล้ว +8

    И как потом такой код читать другому разрабу? это же неудобно в командной разработке. Загуглите минусы данного фреймворка, их слишком много чтобы его использовать. Как по мне лучше стать мастером в scss чтобы не писать код который в дальнейшем тяжело будет поддерживать.

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว

      Да, есть такой нюанс

    • @digitalturkistan1857
      @digitalturkistan1857 2 ปีที่แล้ว +1

      @@YauhenKavalchuk мне кажется именно это фреймворк станет стандартом . лично моё мнение

    • @PacoOfficial
      @PacoOfficial ปีที่แล้ว +1

      Я вообще в шоке почему это стало популярным, когда все топили за чистоту html и понятные короткие классы

    • @iosswiftuipractice3793
      @iosswiftuipractice3793 ปีที่แล้ว

      @@Maksim-nu8hbсмотря какая архитектура в приложение. Если чистая то все понятно и плюс документацию оставлять.

    • @tigranharutyunyan7674
      @tigranharutyunyan7674 ปีที่แล้ว +1

      I would use tw-colors plugin for dark mode. Tailwind config is used for configuration of light and dark modes Instead of writing dark:… in markup

  • @jekapan481
    @jekapan481 ปีที่แล้ว

    Почему, когда я пишу стили связанные с цветом, то у меня не появляется рядом квадратик показующий 😊цвет? Раньше был, а сейчас пропал

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Если раньше было, а теперь нету, то вообще понятия не имею, попробуйте переустановить плагин

  • @a.riwall
    @a.riwall ปีที่แล้ว

    если что lorem можно генерировать в vs code просто пишешь Lorem10 (10 это число слов)

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Спасибо за уточнение

  • @jet4904
    @jet4904 2 ปีที่แล้ว

    Лучший чел,желаю тебе всего наилучшего

  • @kirillpavlovskii8342
    @kirillpavlovskii8342 ปีที่แล้ว

    почему то при подсказке класса нету справа информации как например где text-3xl и справа инфо сколько это в rem и в px

  • @СергейКофанов-л8у
    @СергейКофанов-л8у 2 ปีที่แล้ว

    Только начал смотреть, как обычно ВСЁ СУПЕР! СПАСИБО! Можно в двух словах - чем Тайлвинд лучше/круче Бустрапа?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว +1

      Он не лучше и не хуже. Это просто другой подход, в основе которого лежит методология AtomicCSS, в то время как bootstrap предлагает набор готовых компонентов с возможностью кастомизации

  • @Vladimir-yh2dl
    @Vladimir-yh2dl ปีที่แล้ว

    урок классный, спасибо большое ! было бы здорово ещё узнать как удалить не использованные стили

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว +1

      Я в первом уроке говорил, что неиспользуемые стили удаляются автоматически. То есть ваш итоговый, генерируемый CSS содержит только то, что реально используется

  • @ВикторФилин-л9п
    @ВикторФилин-л9п 2 ปีที่แล้ว

    Подскажите, почему не работает ни один цвет бордера?
    li>Home

    • @ВикторФилин-л9п
      @ВикторФилин-л9п 2 ปีที่แล้ว

      Многих цветов просто нет в public/style.css

    • @ВикторФилин-л9п
      @ВикторФилин-л9п 2 ปีที่แล้ว

      не могу найти команду подключения доп стилей в style.css
      Подскажите какэ то сделать) ведь в будущем на проектах нужны будете не только стили, предлагаемые в стандартном импорте tailwind

  • @linxuzbekistan1390
    @linxuzbekistan1390 4 หลายเดือนก่อน

    Win 11: Если у вас установка "yarn add -D tailwindcss postcss" выдает ошибку, сделайте это - в PowerShell (команда для проверки) Get-ExecutionPolicy - если "Restricted" (Значит блокирует выполнение скриптов). Для включения - Set-ExecutionPolicy RemoteSigned -Scope CurrentUser нажать ( Y ). Перепроверяем Get-ExecutionPolicy -Scope CurrentUser - должно выдать "RemoteSigned". Запустите повторно команду "yarn add -D tailwindcss postcss"

    • @YauhenKavalchuk
      @YauhenKavalchuk  4 หลายเดือนก่อน

      Спасибо за уточнение!

  • @ШопенШумит
    @ШопенШумит 2 ปีที่แล้ว

    Спасибо

  • @НікітаКорчемний-г4ч
    @НікітаКорчемний-г4ч ปีที่แล้ว

    У меня не работаю директивы чтобы я не делал :(
    решение с GitHub не помогло , сначала показывалось , что директива неизвестна , я вроде пофиксил эту проблему , но даже когда она не отображается ничего не работает...

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      🤔 не видя кода трудно что-то подсказать

  • @ИгорьГорбенков-ш6щ
    @ИгорьГорбенков-ш6щ ปีที่แล้ว

    Здравствуйте! У Вас начиная с ветки lesson_10 в секции banners остался лишний класс (bg-gradient-to-tr), который Вы забыли удалить: . На отображение, конечно, не влияет.

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว +1

      Спасибо за отзыв. Ну забыл и забыл) главное ничего не ломается)

    • @ИгорьГорбенков-ш6щ
      @ИгорьГорбенков-ш6щ ปีที่แล้ว

      @@YauhenKavalchuk всегда пожалуйста, вернусь из деревни, где нет интернета, ещё отзывов напишу :)

  • @maksimych98
    @maksimych98 ปีที่แล้ว

    Что за тема в visual studio code на видео? Буду благодарен, если ответите

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว +1

      Material Gecko

    • @maksimych98
      @maksimych98 ปีที่แล้ว

      @@YauhenKavalchuk Спасибо огромное. Удачи)

  • @JoelMiller-z1x
    @JoelMiller-z1x ปีที่แล้ว

    есть что нибудь про tailwind-merge и clsx?

  • @SerhiiNesterov
    @SerhiiNesterov 2 ปีที่แล้ว +1

    Спасибо ❤

  • @inilim
    @inilim ปีที่แล้ว

    tailwind не может самостоятельно сгенерировать apply для всех классов и подставить после сборки?

  • @АндрейХлыбов-н5т
    @АндрейХлыбов-н5т 2 ปีที่แล้ว +6

    За разбор спасибо! Но html со всеми этими классами просто уродливый. Не понимаю, почему css писать сложнее или...? Стилей на простую кнопку может быть уйма. Естественное желание спрятать это все в отдельный файл. А стилизация по бэм?

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว

      Спасибо за отзыв)

    • @Евгений-х4л2щ
      @Евгений-х4л2щ 2 ปีที่แล้ว

      Это и есть эталон уродства. Мы в компании когда-то давно наступили в таилвинд, до сих пор отмыться не можем. Преимуществ у него минимум, но при этом он тянет огромный файл со стилями в проект и превращает хтмл в нечитаемое нечто

    • @knowledgedose1956
      @knowledgedose1956 ปีที่แล้ว

      ​@@Евгений-х4л2щtailwind, по крайней мере новый, не добавляет всю библиотеку в бандл, а только то, что используется в проекте. Насчёт пачек классов, да, это очевидный минус, но можно выносить часто переиспользуемые классы и тд.

  • @webmechanic-kz
    @webmechanic-kz 11 หลายเดือนก่อน

    Да оно конечно хорошо но какой вес будет иметь CSS после компиляций и насколько оно удобно если делаешь вёрстку по шаблону?

    • @YauhenKavalchuk
      @YauhenKavalchuk  11 หลายเดือนก่อน

      Вес минимальный. Что касается вёрстки - шаблон должен быть сделан с учётом специфики tailwind. В противном случае придётся потратить время на создание кастомного конфигурационного файла

  • @TheTurbobarbitura
    @TheTurbobarbitura 2 ปีที่แล้ว +2

    Если бы ещё разобрал настройку stylelint для tailwind, было бы сверх шикарно=)

  • @simpsomk
    @simpsomk ปีที่แล้ว

    Почему в разделе картинки, ты используешь тег ссылки как контейнер для других элементов? Просто что бы не создавать лишний див или здесь еще есть какая-то причина? Почему фоном работали через тег имг, а не через св-во бг на контейнер?

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว +1

      Ссылка - потому что каждый блок кликабельный и потенциально ведёт на статью. А картинка в виде тэга, что бы показать как tailwind обрабатывает такие случае. Да и вообще предполагается, что подобный шаблон будет изменяться через CMS. И если путь до картинки в html тэге через админку поменять - не проблема, то как вы измените картинку (через админку) которая определена в CSS

    • @simpsomk
      @simpsomk ปีที่แล้ว

      @@YauhenKavalchuk спасибо за ответ!)

  • @simpsomk
    @simpsomk ปีที่แล้ว

    Для чего устанавливали postcss?

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

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

  • @firewatermoonsun
    @firewatermoonsun ปีที่แล้ว

    Странно, скачал второй урок из Гитхаба, установил зависимости, и запустил с liveserver - tailwind стили не отражаются. Похоже tailwind не распознает. Что это может быть?

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Вижу по следующим комментариям - запустилось

  • @synglrty
    @synglrty 2 ปีที่แล้ว

    Подскажите как исправить ошибки, в webstorm показано много ошибок и варнингов в styles.css файле

    • @YauhenKavalchuk
      @YauhenKavalchuk  2 ปีที่แล้ว

      В одном из видео упомянул это, нужно дополнительно доустановить плагин, этотлегко гуглится

    • @synglrty
      @synglrty 2 ปีที่แล้ว

      @@YauhenKavalchuk гуглил, все равно не могу исправить, есть подсказка стилей но сами стили не применяются, ну ладно разберусь как-нибудь я надеюсь

  • @romanmr5719
    @romanmr5719 ปีที่แล้ว

    большое спасибо за данный курс, очень помогло) я бы хотел уточнить, это нормально, что у меня, когда появился styles.css и main.css они были сразу в postcss, а у тебя они в css. мне менять надо на css, или нет?

  • @sharpsss7666
    @sharpsss7666 ปีที่แล้ว

    чуть душновато но спс энивэй, в идеале чуть юмора добавить где то как то или паузы да выйдет дольше но восприниматься проще будет)

  • @dimasnytin
    @dimasnytin ปีที่แล้ว

    Добрый день! У меня проблема, делаю проект для портфолио и для css использую данный фреймворк, проект на React. И что интересно падает с ошибкой которая указывает на @tailwind base. Подскажите пожалуйста, что это может быть?

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Не видя код и ошибку, маловероятно что чем-то смогу помочь

  • @МедныйТазик
    @МедныйТазик ปีที่แล้ว

    В доках написано наоборот, apply использовать для мелких вещей.

  • @user-hruser
    @user-hruser ปีที่แล้ว

    че то с темной темой лажа какая то, я думал будет инверсия перееменной цвета, а тут в ручную ходить ставить классы

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว +1

      На самом деле - это очень даже не плохо, т.к. простая инверсия не всегда работает хорошо

  • @promoabys
    @promoabys 2 ปีที่แล้ว

    Евгений, приветствую
    Хотел бы услышать вашу оценку по рациональности использования тейлвинда в работе?
    Добавлю как использую его я.
    Я его использую как способ быстрой кастомизации композиционных компонент, сохраняя там и основной класс.
    Не использую тейлвинд в базовых презентационных компонентах, чтобы не плодить лишних зависимостей.
    Для больших проектов подходит не очень, а для того чтобы сверстать пару страничек вполне.
    Спасибо за такой большой обзорный ролик

    • @diatm1506
      @diatm1506 2 ปีที่แล้ว

      Как в нём анимации делать и ховеры?)))

    • @promoabys
      @promoabys 2 ปีที่แล้ว

      @@diatm1506 ховеры есть и анимация какая-то тоже. Не сверх слохсложная, но что-то можно.

    • @dobramorda9818
      @dobramorda9818 ปีที่แล้ว +1

      @@diatm1506 можно через бэм уникальные классы давать, заливать основной функционал через tailwind @apply и после писать css свойства. И кастомизация будет и обобщенность стилистики по проекту. Было бы круто ещё использовать как если бы это был какой то sass, то бишь делать некий extend класса общего для ряда элементов.

  • @arask6076
    @arask6076 ปีที่แล้ว

    мне пишет yarn не распознано и шо делать

    • @YauhenKavalchuk
      @YauhenKavalchuk  ปีที่แล้ว

      Установите yarn)

    • @arask6076
      @arask6076 ปีที่แล้ว

      @@YauhenKavalchuk час жизни потрачен в пустую-_-