Не забудьте заглянуть сюда: ❓ Запись на консультацию - 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, что нужны примеры, так сказать практическое закрепление пройденного!!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Спасибо!

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

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

Спасибо))

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

Годнота

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

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

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

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

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

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

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

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

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

Топ видос

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

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

Thanks

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

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

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

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

Спасибо за видео, теперь осознал, что это за птица такая 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 { } }

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

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

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

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

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

нормалек

так так

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

good

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

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

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

а что такое css?

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

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

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

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

Т

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

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

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

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

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

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

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

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

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

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