Tailwindcss v3 . Обзор фреймворка. Верстка реального проекта с Upwork 2022

🔥 Обе сборки можно получить по ссылке:

🏆 Поднять мотивацию и получить плюшки(исходники, чат со мной):
🔹 Crypto:
👉 USDT(ERC20): 0xA4008910De17DB20c7505425316fF72d4C5Eed96
👉 USDT(BEP20): 0x4350c4E1C0bB35634C7fDE1cFB278BE0606E3822
👉 Binance Pay: 432902886

⏱️ Тайм-коды: ⏱️
00:00 Вступление
00:58 Tailwindcss - что это ?
01:53 Обзор проекта.
04:04 Установка Tailwindcss
10:56 Настройка конфига (fonts, colors, container, breakpoints, desktop-first)
22:30 Navbar + Burger Menu
42:38 Hero cекция
58:53 About секция
01:12:06 Footer
01:23:40 BONUS: Dark Mode

[lets_try_js]

Что думаете, удобно ?
Кто знает лучший способ настройки под desktop-first ?

[total]

Я думал ты, пропал, рад, что ты вернулся

[ИванИванов-взы]

Спасибо, что продолжаешь выпускать уроки

[govorimo]

ОГРОМНОЕ СПАСИБО ЗА ВИДЕО!!! 2 дня пытался установить tailwind пересмотрел видео с ютуба по несколько раз! КАК хорошо что я нашел твое видео! СПАСИБО 🙏🙏

[АлександрМелянюк-цю]

Привет! Рад, что Ты вернулся) Спасибо за видео!!!

[romantereshkov]

за неделю до видео ... подсел на Tailwind ВЕЩЬ!
Ожидаю видео более прогрессивное.. по настройке или интеграции с галп... СПАСИБО.

[Владислав-яз]

Спасибо что делишься макетами, для практики то что надо👍

[HowEverything]

Еще не досмотрел до конца видос и напишу коммент)
Есть промежуточные значения в виде p-2.5 mb-4.5
Добавляем 2px вместо 4px
В последних версиях такое добавили

Я с tailwind с первой версии, только на нем и пишу все, это лучшее что придумало человечество для верстки, времени экономит уйму

[sonarsphere]

Спасибо за видео. Произносится "тэйлвинд".

[spyrav]

ура. даешь надежду что можно учиться даже во время войны. спасибо:)

[ShiawaseKaze]

Не могу найти макет данной страницы в фигме. Там есть 10 Pages, но ни 1 похожего

[saipovx]

ждем мастер классы по верстке и js 🙏🙏❤

[Syberby]

Если в макете 120px, но в дефолтном тейлвинде этого значения нет, это не значит что нужно подобрать подходящий, надо делать четко как по макету.

[somelovefacts]

Не совсем понял профита от него:
1) html очень засоряется, при возвращении к ранее написанному коду - всё выглядит громоздко
2) зачем дублировать написание стилей для всех пунктов меню, когда в scss они пишутся один раз?
3) зачем запоминать синтаксис тейлвинда, если он делает всё то же самое, что и синтаксис, который уже знаешь?

Знающие люди, объясните плиз профит. Спасибо

[ananasios]

Не могу понять почему md:hidden на <nav> не работает...

[vladi]

Подскажите,
как вы сделали так что комментарии в html подсвечиваются желтым?

[LexGood]

Вопрос, зачем вы на 1:17:57 сделали flex в placeholder ?

[igorsmirnov]

Раньше мы в компании юзали styled-components, но потом решили перейти и уже почти перешли на Tailwindcss.
Что я могу сказать из личного опыта, Tailwindcs конечно не плохая штука и как по мне отлично подойдёт для лендингов.
Мне в принципе нравится всё кроме километровых простыней классов в тегах особенно если у Вас есть ещё и дарк мод.
А если кнопки или элементы имеют ещё и состояния, то колличество классов увеличивается ещё больше - это просто неудобно читать и править стили при необходимости..
Так что выбор за Вами.. ))
Но пока что мне styled-components нравится больше, но в нём есть минус в том что он генерится в рантайме, собственно поэтому и решили перейти на Tailwind

[etemax]

привет, исходники не выкладываешь на гит?

[dr.lunyak]

недавно был на проекте где этот фреймворк выпиливали со страшными матами)