filmov
tv
TailwindCSS #11 Отзывчивый макет (Responsive Layout)
Показать описание
#YauhenK #webdev #TailwindCSS #Tailwind #CSS
В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему.
✒ Репозиторий курса:
✒ Полный список готовых и планируемых курсов:
✒ Автор курса:
В данном видеокурсе мы с вами рассмотрим TailwindCSS. TailwindCSS - это CSS-фреймворк, предлагающий обширный каталог классов и инструментов для облегчения стилизации сайта или приложения. Вместо традиционного использования одного класса, содержащего набор свойств (компонент), он предоставляет класс, которому соответсвует одно свойство. Tailwind использует набор интуитивно понятных классов, префиксов и суффиксов, которые очень просты для чтения и понимания. По результату курса мы создадим статичную страницу новостного сайта с множеством элементов по типу брэдкрамбы, бейджики, списки тем, пагинации и т.д. Сама же страница будет разработана с использованием подхода mobile first и будет поддерживать тёмную тему.
✒ Репозиторий курса:
✒ Полный список готовых и планируемых курсов:
✒ Автор курса:
TailwindCSS #11 Отзывчивый макет (Responsive Layout)
TailwindCSS. Полный курс
Tailwindcss верстка реального проекта 2023. Практика. [eng subs]
TailwindCSS #9 Сеточный макет (Grid Layout)
Выучи Tailwind CSS За 100 Секунд
Урок #11 | HTML CSS | Отзывчивый дизайн Адаптивный дизайн | CSS медиа выражения | CSS media queries...
Tailwindcss v3 . Обзор фреймворка. Верстка реального проекта с Upwork 2022...
HTML Верстка на Tailwind CSS #1 - Установка Tailwind CSS
Tailwind CSS 2023. Большая практика. Копия главной страницы YouTube. [eng subs]...
TailwindCSS #15 Пользовательские настройки (Customization)
HTML Верстка на Tailwind CSS #4 - Блок формы
Отзывчивая верстка: пример Responsive Layout
Tailwind CSS - Директива @apply
Tailwind CSS: Fast and Amazing CSS framework for Responsive and Mobile-First design
Изучение Tailwind CSS за час в одном видео! Разработка проекта с нуля...
На 97,5% полностью адаптивный дизайн в Figma за 16 минут
Tailwind CSS + React - Проект с нуля
Tailwind CSS YouTube клон #6.1 - Адаптивность
Tailwind CSS Tesla лендинг #6 - Боковое меню на главной странице
Tailwind преимущества и недостатки
Tailwind CSS Tesla лендинг #3 - Адаптация главной секции под планшеты...
TailwindCSS #12 Картинки (Images)
TailwindCSS #0 Введение (Introduction)
Tailwind CSS YouTube клон #1 - Шапка
Комментарии