Говорят, переход после bootstrap на tailwind будет немного трудновато.Все таки синтаксис отличается.Евгений вы можете сказать, какие главные отличие между tailwind и bootstrap, плюсы и минусы.Заранее спасибо большое за ваши старание!
Отличный обзор, спасибо Евгений. Евгений подскажите пожалуйста, у меня не работает в скрипте команда "--watch", страница в браузере обновляется, но файл "styles.css" не обновляется при добавлении новых классов, приходится в ручную перезапускать сервер.
Доброе мне bootstrap не очень понравился со старта,но одна тема мне понравилась ,это bootswitch sketcn который подключается в bootstrap заменой css стилей просто..могу ли я те стили использовать с tailwind фреймворком,и это все дело использовать как шаблоны на Django?? Извеняйте если что-то глупо написанное,я ещё только начинаю изучать это дело,и где-то можно не правильно понимаю что-то) поэтому и спрашиваю!!
По началу очень скептически относился к технологии, потом всё таки решил попробовать - не понравилось, через пару месяцев решил дать еще один шанс - использую постоянно. Скорость вёрстки после того, как запомнил имена классов выросла в разы, создание адаптивного дизайна уже не так пугает, как раньше. Спасибо за курс, смотреть для меня уже поздновато)
Я сейчас разрабатываю большой SPA с применением tailwind'а и учу по ходу столкновения с задачами, которые нужно решить. Точно также сейчас очень скептически отношусь к нему, мол я за пару минут могу написать класс и застилизовать элемент так, как мне нужно, но нет, я сижу гуглю как называются нужные мне классы в документации tailwind'а. Уже 3-ий день пошел, кажется, что по-тихоньку одни и те же вещи пишу на автомате, но все равно спорная штука, как по мне.
Если в макете цвет фона #fefefe. А размер шрифта 19px какие классы нужно написать? В названии написано "Шрифты и цвета", а как поставить свой размер цвет и размер текста в видео не рассказал. text-indigo-500 это какой цвет в hex? В фигме обычно в hex формате написан цвет. Без негатива, просто из видео не понятно, как это можно применить в работе на реальном проекте.
Да, жаль, что он не рассказал про это, пришлось искать в документации. Для размеров можно писать text-[19px], например. Для цветов либо как-то так же, либо расширять тему в конфиге tailwind’а, добавляя свои цвета.
Ответ на этот вопрос будет в самом последнем уроке - пользовательские настройки. Но если вкратце, то абсолютно все классы вы можете переписать под собственные свойства и значения. На это есть конфигурационный файл
Я вот этим бутстрап не люблю, если у тебя какая-то специфическая задача, то либо твои теги становятся как гирлянды, либо так и так прописывать свойства отдельным классом
Эти css фрамеворки только для начинающих, потом легче самому стилизовать и написать на js функционал (не, на js лень, лучше на typescript) чем запоминать разновидности классов у кучи фрамеворков и работу с их компонентами.
Ну такое, если честно. Задал стили для ul, их унаследовали и li и a, ну ок. Допустим это список ссылок с количеством ресурсов, количество отдельным span внутри a и другим стилем. Все, наследование забываем, прописываем вручную стили каждому span. А потом вдруг ррраз и надо поменять - пошел менять. Разве что еще Pug прикрутить...
подскажи у меня есть вот команда вотч "npx tailwindcss --postcss -i tailwind-source.css -o ../css/styles.css --watch --verbose" в файле tailwind-source.css просто идут импорты других цсс файлов, но почему то вотч не срабатывает на них автоматически когда я что-то меняю, вотч срабатывает только, если я меняю что-то в html
Супер! Всегда рад когда у тебя выходит новое видео!
👍
Очень ждем следующих уроков! По окончанию курса +1 в стек знаний c:
👍
Говорят, переход после bootstrap на tailwind будет немного трудновато.Все таки синтаксис отличается.Евгений вы можете сказать, какие главные отличие между tailwind и bootstrap, плюсы и минусы.Заранее спасибо большое за ваши старание!
Отличный обзор, спасибо Евгений. Евгений подскажите пожалуйста, у меня не работает в скрипте команда "--watch", страница в браузере обновляется, но файл "styles.css" не обновляется при добавлении новых классов, приходится в ручную перезапускать сервер.
Доброе мне bootstrap не очень понравился со старта,но одна тема мне понравилась ,это bootswitch sketcn который подключается в bootstrap заменой css стилей просто..могу ли я те стили использовать с tailwind фреймворком,и это все дело использовать как шаблоны на Django?? Извеняйте если что-то глупо написанное,я ещё только начинаю изучать это дело,и где-то можно не правильно понимаю что-то) поэтому и спрашиваю!!
Спасибо за обзор, не подскажите, что за расширение, которое показывает список стилей при наведении на класс?
А посмотрите в плейлисте «инструменты» видео о расширениях VS Code, там оно должно быть
По началу очень скептически относился к технологии, потом всё таки решил попробовать - не понравилось, через пару месяцев решил дать еще один шанс - использую постоянно.
Скорость вёрстки после того, как запомнил имена классов выросла в разы, создание адаптивного дизайна уже не так пугает, как раньше. Спасибо за курс, смотреть для меня уже поздновато)
👍
Я сейчас разрабатываю большой SPA с применением tailwind'а и учу по ходу столкновения с задачами, которые нужно решить. Точно также сейчас очень скептически отношусь к нему, мол я за пару минут могу написать класс и застилизовать элемент так, как мне нужно, но нет, я сижу гуглю как называются нужные мне классы в документации tailwind'а.
Уже 3-ий день пошел, кажется, что по-тихоньку одни и те же вещи пишу на автомате, но все равно спорная штука, как по мне.
спасибо! жду продолжение
👍
Как подружить с SCSS?
Евгений,неплохо бы объяснить поподробнее как подключить несколько шрифтов.Спасибо.
В финальном видео это будет
Если в макете цвет фона #fefefe. А размер шрифта 19px какие классы нужно написать?
В названии написано "Шрифты и цвета", а как поставить свой размер цвет и размер текста в видео не рассказал.
text-indigo-500 это какой цвет в hex? В фигме обычно в hex формате написан цвет.
Без негатива, просто из видео не понятно, как это можно применить в работе на реальном проекте.
Да, жаль, что он не рассказал про это, пришлось искать в документации.
Для размеров можно писать text-[19px], например. Для цветов либо как-то так же, либо расширять тему в конфиге tailwind’а, добавляя свои цвета.
Ответ на этот вопрос будет в самом последнем уроке - пользовательские настройки. Но если вкратце, то абсолютно все классы вы можете переписать под собственные свойства и значения. На это есть конфигурационный файл
Я вот этим бутстрап не люблю, если у тебя какая-то специфическая задача, то либо твои теги становятся как гирлянды, либо так и так прописывать свойства отдельным классом
🤷♂️
Эти css фрамеворки только для начинающих, потом легче самому стилизовать и написать на js функционал (не, на js лень, лучше на typescript) чем запоминать разновидности классов у кучи фрамеворков и работу с их компонентами.
наоборот, начинающие самостилями пользуются
так рассказывает про файл css как будто магию увидел
Я стараюсь рассказывать что бы было интересно
Ну такое, если честно. Задал стили для ul, их унаследовали и li и a, ну ок. Допустим это список ссылок с количеством ресурсов, количество отдельным span внутри a и другим стилем. Все, наследование забываем, прописываем вручную стили каждому span. А потом вдруг ррраз и надо поменять - пошел менять. Разве что еще Pug прикрутить...
Ну, как есть)
подскажи у меня есть вот команда вотч "npx tailwindcss --postcss -i tailwind-source.css -o ../css/styles.css --watch --verbose" в файле tailwind-source.css просто идут импорты других цсс файлов, но почему то вотч не срабатывает на них автоматически когда я что-то меняю, вотч срабатывает только, если я меняю что-то в html
Этот вотчер только для html файла
в конфиге пути до файлов не написаны