TailwindCSS #3 Отступы и граница (Padding, Margin & Borders)
ฝัง
- เผยแพร่เมื่อ 10 ส.ค. 2022
- #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...
![CAMPปลิ้น | EP.79[1/2] แก๊งไทบ้านพาบุกเมืองบั้งไฟโก้ ยโสธรรรร!!!](http://i.ytimg.com/vi/Ldr3_fvTEXk/mqdefault.jpg)
В чем преимущество использования rem от px? На ум приходит только адаптация к изменению масштаба страницы..
7:59 мы разве пишем не overflow-x-auto? Нам же нужно горизонтальный скролл. Автору спасибо за видео!)
А где продолжение?? Только 4 видео из 16((
Видео выходят по 2 в неделю. Если не хотите ждать, то может стать спонсором, для них уже есть полный доступ к курсу
@@YauhenKavalchuk А ну да) за деньги можно в наше время все... Скоро будут и слово "привет" за подписку продавать))) Ну а что крутиться надо как то, всем всегда всего мало, уже термин- "помочь людям" вымер практически. Пора принять это. Ок, понял,принял спасибо.
Тут дело не в том, что я что-то продаю! Контент полностью бесплатный, только нужно подождать. Но если нет желания ждать можно инвестировать в своё образование
@@YauhenKavalchuk Ясно понятно, спасибо.. Извините что сразу вот с такими нападками.. не правильно поняла ситуацию((
На YT много уже полных курсов по таилвинду
Предложенный вариант объявления border-bottom (border-b border-b-grey-four border-solid) к сожалению не сработал так, как у автора канала. Более безопасный вариант - border-solid border-0 border-b border-grey-four (солюшен одного из ишью на stackoverflow).
🤷♂️
А зачем?Чтобы замусорить html кучей классов?Чем css не угодил не понятно...Выглядит все это ужасно.
Куча проектов используют этот Фреймворк для стилизации. Значит нужен такой подход
@@YauhenKavalchuk Это понятно.Но почему?По мне так мухи отдельно котлеты отдельно.Я не хейтер.Я просто хочу понять в чем профит
@@YauhenKavalchuk я понимаю что это чтото новое и модное, но какой профит от такого написания кода? вы же понимаете что сложная и масштабная страница будет иметь такой вид....что станет просто не читаема!
@@Papandos-cw8we согласен, тем более ни о каком пиксель перфект и речи не может идти.. все значения свойств ограничены теми, которые предоставит фреймворк, а если использовать и обычный css и вот это, и сам запутаешься и никто другой не прочитает твой код
@@YauhenKavalchuk В целом, интересная штука для некоторых проектов, где ее будет удобнее использовать чем обычный css. Очень познавательно, обязательно надо разбираться дальше) но надо наверное выбирать, где его лучше не юзать.. хотя так наверное со всем в Франтенд. Спасибо за уроки!
Ребята, привет.
Кто-то может дать подсказку по js?
Привет
какую?
@@nepcz
Спрошу Наглядно
На канале EduCatter в видео "javaScript с нуля для начинающих / подключаем файл к сайту" не могу вывести код в гугл-консоль, так, как на 4:40.
Всё делаю как делает автор, но текст с VSC через console.log(' ') в консоль браузера НЕ выводится.......
Почему?
@@Gazovchik Покажите строчку подключения скрипта
@@Gazovchik скопировать в редакторе и вставить в комментарии.