TailwindCSS #15 Пользовательские настройки (Customization)

แชร์
ฝัง
  • เผยแพร่เมื่อ 4 ส.ค. 2024
  • #YauhenK #webdev #TailwindCSS #Tailwind #CSS
    В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему.
    ✒ Репозиторий курса:
    ✔ GitHub: github.com/YauhenKavalchuk/ta...
    ✒ Полный список готовых и планируемых курсов:
    ✔ Trello: trello.com/b/R6rD7qq8
    ✒ Автор курса:
    ✔ TH-cam: / yauhenkavalchuk
    ✔ Instagram: / yauhenkavalchuk
    ✔ Twitter: / yauhenkavalchuk
    ✔ VK: YauhenKavalchuk
    ✔ LinkedIn: / yauhenkavalchuk
    ✔ GitHub: github.com/YauhenKavalchuk
    ✔ VK (Группа): webdevcom
    ✒ Поддержать развитие канала: github.com/YauhenKavalchuk/yo...

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

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

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

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

    Мне очень понравился тайлвинд, спасибо!

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

    Мое почтение за очень понятный курс☺️

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

    я 6-ой)
    благодаря твоему курсу по tailwindcss могу уверено сказать что знаю tailwindcss + документацию по tailwindcss чекал и закрепилось все
    крутая работа проделана 🙏

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

    Благодарю за отличный курс!

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

    Очень понятно. Спасибо за TailwindCSS!!

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

    Хороший курс, Благодарю !

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

    Спасибо за курс. Помог обзорно посмотреть на технологию.

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

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

  • @---Maksim---
    @---Maksim--- ปีที่แล้ว

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

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

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

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

    Отличный курс!

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

    Ну что за 3-4 дня изучил важный и очень полезный(моё мнение) фреймворк в css осталась практика практика и ещё раз практика

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

    Хотелось бы ещё видео по использованию модальных окон на tailwind

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

      К сожалению, курс уже окончен и продолжение пока не планируется

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

    огромное спасибо 👍 объяснено просто и доходчиво, до этого я не мог осилить CSS, а с тэилвиндом и вашим объяснением (+ уроки по flex) прям зашло 😇 вопрос - может посоветуете js библиотеку для dropdown/collapse и прочих эффектов? а то в tailwind родной нету, в flowbite отсутсвует плавный collapse + глючит слайдер, а в mbd-шной свои приколы? а то приходится использовать весь этот зоопарк по частям 🤪

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

      Ну попробуйте Bootstrap- там есть такой элемент

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

    Я нигде не нашёл информации: где мне найти js код? Сделал меню, оно не сворачивается. Думаю нужен js файл. Где я могу его достать?

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

      Я не понимаю о каком JS коде идёт речь. Это CSS фрэймворк. Если вам нужен JS - создаёте файл отдельно и подключаете его в index.html. И пишете нужный JS в этом файле

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

    спасибо огромное, сделайте курс по react + ts пожалуйста

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

      Уже есть такой курс. Смотрите блок React ecosystem

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

    Добрый день! Можно в следующем уроке показать, как избавиться от этого желтого подчеркивания с директивой @apply?

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

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

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

      Postcss syntax - плагин к вскод

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

      .vscode > settings.json
      "files.associations": {
      "*.css": "tailwindcss",
      "*.scss": "tailwindcss"
      }