Не забудьте заглянуть сюда: ❓ Запись на консультацию - prosto-razrabotka.ru/ ✨ Telegram канал - t.me/prostorazrabotka/ 🔥 Telegram чат - t.me/prostorazrabotkachat/ Можете добавиться в друзья: 📷 Instagram - instagram.com/vitaliy.kirenkov/ 📘 ВКонтакте - vk.com/vitaliy.kirenkov/ 📗 Facebook - facebook.com/vitaliy.kirenkov/ 📙 LinkedIn - www.linkedin.com/in/kirenkov/ ✏️ Twitter - twitter.com/VitaliyKirenkov/ А так же, подписаться на страницы: 📘 ВКонтакте - vk.com/public195137161/ 📗 Facebook - facebook.com/prostorazrabotka/

В каждой среде есть свой крутой лысый))

А теперь подробно и обо всем и с практическими примерами и вообще топчик)) прикольный стиль заставок лысый на желтом фоне))

Это видео оказалось третьим по препроцессорам которое я посмотрел. До этого оба почти по 40 минут и толку 0, одна вода! Тут же за 10 минут все четко и по теме, да ещё и с примерами!!! Большое спасибо за видео!

Огромное спасибо за крутой плейлист! Очень круто что все быстро и с примерами.

Виталий, я согласен с Max Shevchenko, что нужны примеры, так сказать практическое закрепление пройденного!!

Огонь! Максимум полезной информации и минимум воды.

Это охренеть как полезно,спасибо.

Просто замечательно! Спасибо!

Спасибо! Есть ещё PostCSS-cssnext это когда мы пишем цсс будущего а оно нам его превращает в тот в который умеют современные браузеры. Это позволит в будущем отказаться от препроцессора полностью 😏

класс, спасибо за детальное объяснение, ждем видео о сборщиках.

Шикарно! Очень наглядно. Спасибо)

1) в обычном в css есть "переменные", можно использовать для цветов. 2) Есть такое понятие как сборка, там css может собираться в один, либо вообще вставляться сразу в html тегов style, и кол-во запросов будет минимум. 3) миксины норм. 4) Ну осветлить можно и при помощи фильтра

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

Спасибо. Было очень полезно

Спасибо за обьяснение!:)

спасибо за работу !!!всё коротко и понятно

спасибо, очень наглядно и актуально.

Привет. Сделай такое же видео, про HTML препроцессоры: pug, haml и прочие. Почему-то на эту тему мало роликов. Сам давно пользуюсь sass+pug. Видео мотивирует попробовать перейти на скобки и запятые хотя бы в рамках одной вёрстки, сравнить удобство, раз scss более новая версия sass, возможно в этом что-то есть, в пользу отказа от бескобочного sass синтаксиса.

Спасибо, очень интересно и полезно.

Большое спасибо))

Спасибо за полезную информацию

до данного объяснения был "знаком" с препроцессорами 5 минут по видео, благодаря вашему объяснению почти всё понял, спасибо

Спасибо!

По поводу цветов. Дефолтный css позволяет использовать переменные, очень просто. По поводу импортов. Дефолтный css тоже так умеет. По поводу вложенностей. Удачи вам разобраться в такой портянке, когда проект разрастётся. При грамотном форматировании css тоже можно читать. Миксин - синтаксический сахар. Экономия времени 2 секунды. Если она вообще есть, т.к. автоимпортов в scss насколько я знаю нет ( поправьте если я не прав ). Функции. За свой опыт я не сталкивался с такими ситуациями, когда calc не решал мои задачи. С цветами ужасный пример. т.к. дизайнер в ui ките обязан перечислить все цвета, используемые в проекте. Итого, дополнительная зависимость на проект, велик шанс провалиться и запутаться во вложенности ( не дай бог это будут миксины ), сложности в переносе проекта ( всё время вываливаются ошибки ), но, соглашусь, удобная система дополнения имён через амперсант, если использовать бэм или его аналоги. И ещё в защиту скажу что видел сложные качественные анимации на препроцессорах, но страшно представить какие бандлы из них получаются. Всем добра.

Спасибо, хоть кто то объяснил для чего вообще это нужно

Мне очень нравиться, то как вы даете информацию, услышал о вас на канале АйтиБорода. Но полосатая рубашка в глаза бьет, и у меня то ли глюки, в галазах появляються желтые круги от екрана)

спасибо большое!

четко быстро и по теме

Добрый вечер. Если я поставил в vs code плагин sass, то автоматом будет пониматься и scss ? Ну и переделываться в css с помощью плагина лайв сасс компиллер?

Подскажите, пожалуйста, мне нужен аналог функции spin как у Less для использования в коде JS (в инпуте выбираю цвет, и надо потом все комплиментарные цвета вывести). А как я понял, все функции препроцессора доступны только в файле со стилями. Есть ли какие-то библиотеки может аналогичные? Пробовал искать, но пока безуспешно.

по поводу нескольких css файлов. по моему в обычном css также можно сделать импорт всех в один?

Спасибо))

Уважаю тебя мужик💪

Виталик , я уверен, что у тебя есть какой-то свой план развития канала, но если бы ты мог от этого плана отклонится буквально на 1 видос , то выпусти, пожалуйста, для меня подробный видос про то, как тонко настраивать слайдеры. Вот начиная от кастомных стрелочек ( а не стандартные фоторама.ио) и заканчивая кастомизацией стилий переходов (например модный щас на западе так называемый Thanos effect). Вот такая тема лично для меня будет как глоток свежего воздуха :)

Привет. Расскажи про html препроцессоры также)

Использовать, наверное, придется, но это далеко не самая необходимая вещь, имхо. Переменные - есть в css. В один файл можно импортнуть другие. Изменять цвет "текста", "бг" можно фильтрами. Вложенность - вот чего не хватает css. За видео спасибо!

Лайк !! подписка !!:)

Спасибо за видео, теперь осознал, что это за птица такая scss.

Годнота

5й пункт на ccs filter:brightness(110%); как по мне проще.

Спасибо за видео, но есть одно замечание: слово height произносится как "хайт", а не "хейт".

Привет, подскажите кто знает может, как в VS Code на sass сделать что бы например после background: url(" ") выскакивала типа подсказка пути к файлам, а не самому вручную писать этот путь. На CSS и SCSS такая подсказка появляется...

Ничего себе...

Мужик, нужен твой грамотный ответ. Верстаю сайт, дошёл до адаптива. Решил прописывать @media в каждом scss файле, т.к. стили секций разбил всё по папкам. Но вот проблема. Gulp SCSS не складывает @media. У меня в файле css получается @media screen and (max-width: 768px) { .main { } .main__title-box::before, .main__title-box::after { } .main__title { } } @media screen and (max-width: 768px) { .header { } .header__items { } .header__phone { } } Есть ли вариант сделать так: @media screen and (max-width: 768px) { .main { } .main__title-box::before, .main__title-box::after { } .main__title { } .header { } .header__items { } .header__phone { } }

Thanks

Ребят подскажите а псевдоэлементы ::before, ::after , а так же псевдоклассы :hover и другие ,каким образов заворачивать в препроцессоры?

Топ видос

Мне кажется или на 3 минуте видео опечатки. Вместо @include должен быть @import в примере. Заранее прошу простить, тк только начала изучение препроцессоров.

так так

скажи пожалуйста! обязательно ли учить HTML SCC и JS если есть много хороших конструкторов????

Вопрос, после просмотра, таки возник. Что лучше новичку: 1. сначала привыкнуть к нормальному написанию css или 2. сразу писать в препроцессоре т.к. все равно потом его использовать? Сомнения изза двух мыслей: 1. если сразу писать в препроцессоре, то потом не разобраться в обычном css и 2. на собеседовании завалишься т.к. не сможешь в чистом css что нить написать.

Абсолютно не важно какой препроцессор выбрать для проекта?! Да Вы что, конечно же это важно! Все зависит от проекта, от его структуры, того как там расположены модули и компоненты и вообще что они из себя представляют. У каждого препроцессора есть свои недостатки, из-за которых он может просто не подойти для конкретного проекта, на вскидку: SASS не умеет в относительные url при инклюде, LESS умеет, но в нем нет некоторых полезных вещей, которые есть в SASS и т.п.. При работе с React сейчас все коллеги переходят на CSS-in-JS, хотя препроцессором его назвать сложно - это уже другое.

заметил что когда пишу на сасе у меня когда код переводится в обычный цсс - в нужных местах он сам проставляет кроссбраузерные теги, мне не нужно париться искать на кэн ай юз те или иные своейста, как они отображаются в других браузерах, я просто пишу стили, а сас сам в нужных местах заполняет файл со стилями кроссбраузерными стилями. Это вообще наверное самое лучшее преимущество препроцессоров.

2:55 Тут точно не @include, а @import

Недостатки обычно тоже называют

нормалек

не ну это понятно

good

Нормальный контент,только мне кажется,сидя и в более неформальной обстановке плюс фон какой нить интересный(а не тупо стена),видос бы лучше зашёл ))

а что такое css?

Переменные в CSS уже давно доступны из коробки, не нужны никакие препроцессоры.

1:48 - css препроцешевыеыев 😂😂

Вы серьёзно? В 2019 году, когда уже все браузеры понимают нативные переменные в ванильном css приводите первым преимуществом препроцессора использование переменных? Далее вы советуете использовать миксины, но разве это не означает отсутсвие понимание принципов работы css? После компиляции вашего кода в css файле будет дубликаты. А как же принцип переиспользования? Или css не язык программирования, а значит чтои на переиспользование кода нужно положить болт? Если у тебя в куче мест используется один и тот-же набор стилей, то нужно их вынести в отдельныйкласс и подключить его к нужным элементам. А не копипастить одни и те-же строки в куче мест. И толку от того, что код красивый при разработке, если на продакшене куча дубликатов? Математические операции в препроцессоре, это хорошо, но css позволяет вычислить размеры в действительно сложных местах и без препроцессора. Так, что три зи пяти преимуществ притянуты за уши. Ладно бы этот видос снимали до выхода css3, ещё было бы понятно.

Т

зеленый делали. знаем. ага

Все это есть в CSS из коробки, кроме вложенности и миксинов. Вложенность нах не нужна практически, ибо БЭМ, каскад низя. Миксины вообще сомнительная штука.

Размытый шрифт, неприятно смотреть на код, попробуйте улучшить качество, спасибо :)

ты так тяжело дышишь, аж мне не по себе стало

В 2к19 рассказывать о переменных препроцессорных как о преимуществе перед css??) Это прикол?)

Много лишних движений, мало примеров

1:55 не понимаю зачем вообще столько классов писать, если они один и тот же параметр имеют

Походу вы не знаете что и в CSS переменные есть

пздц, аж стыдно что смотрю чела который работает на зарплату, хоть и в IBM, чьи акции держу..

Зачем мне в одном файле все стили если пользователь может даже не дойти. А кэширование разве отменили?!