Недавно смотрела про переопределение переменной в локальном контейнере на английском и там какой-то сложный был пример. У тебя получилось понятнее. Спасибо :)
Огромное спасибо за то, что делитесь опытом, этого очень не хватает, когда учишься сам, информации полно, но вот, что сейчас принято использовать в разработке непонятно, надеюсь будете продолжать, очень интересно смотреть
Спасибо за качественный контент!!! У меня есть вопрос, можно ли каким-нибудь способом менять значения в @media (max-width: {value})? Я бы хотел налету менять значения в медиа запросах
Привет! Спасибо за фидбек :) Отвечая на твой вопрос - нет, к сожалению, такой возможности нет. Но если объяснишь в какой именно ситуации тебе это нужно, то я постараюсь придумать решение.
Последовательно, начиная с HTML. При изучении CSS все равно будет много пересечений с HTML. Ну и во время изучения теории желательно параллельно практиковаться, как минимум - пытаться повторить то, что приводится в обучающем материале, а ещё лучше - выходить за рамки темы и экспериментировать.
Привет! Спасибо за обратную связь :) Отвечаю на вопрос - разница есть. CSS-переменные работают в рантайме (при непосредственном запуске сайта в браузере) и ими можно манипулировать через JS. Переменные из Sass же компилируются и после преобразования scss-файла в css они пропадают, заменяются на конкретные значения. Я не советую использовать $, используйте var. Сейчас нет смысла в Sass-переменных. Они использовались раньше из-за необходимости, когда CSS-переменных var не существовало.
Привет! Можно: github.com/aleksanderlamkov/aleksanderlamkov Файл стилей с глобальными переменными: github.com/aleksanderlamkov/aleksanderlamkov/blob/main/src/styles/vars.pcss Файл стилей для "сцены с ноутбуком": github.com/aleksanderlamkov/aleksanderlamkov/blob/main/src/styles/blocks/hero-scene.pcss Но всё немного сложнее, чем показанное в этом видео. Переменные я использую в совокупности с миксинами от препроцессора стилей PostCSS.
А если писать на препроцессоре, то переменные css не используются, а используются только те, которые написано в препроцессоре, верно? Или можно писать переменные как в css и все корректно будет работать?
При работе с препроцессором можно использовать обычные CSS-переменные. Разница в синтаксисе и в том, что переменные препроцессора после преобразования из финального css-файла пропадают, а места, где они были использованы, заменятся на их значения. Главный недостаток переменных препроцессора в том, что ими нельзя манипулировать в рантайме, нельзя им задать значение в разметке, через инлайновый атрибут style и нельзя ими управлять через JavaScript.
Ну, исходный код в синтаксисе препроцессора все равно ведь на выходе будет преобразован в обычный CSS. А переменные на синтаксисе препроцессора ≠ переменные в синтаксисе обычного CSS. Поэтому используют обычно что-то одно.
Добрый день! Искренне не понимаю зачем нужна говорящая голова в кадре в обучающем видео, к тому же читающая с листка Плюс каждое видео начинается с знакомства и предложения подписаться на канал, по итогу мы имеем 30 секунд потраченного времени каждый раз Хочется уже перестать знакомиться и начать кодить
Добрый! Потому что я так хочу, потому что всё это нужно для моих целей. Если мешает приветствие, перематывайте на нужное место или переходите на нужный таймкод из описания.
Про потраченное время - уж не на канале с бесплатным контентом это надо говорить. Я на каждое подобное видео трачу десяток часов своего свободного времени. Уж извините, что трачу драгоценные 30 секунд вашего времени перед тем, как выдать 10 минут концентрированного образовательного контента без воды.
В который раз говорю - молодец, продолжай в том же духе.
Недавно смотрела про переопределение переменной в локальном контейнере на английском и там какой-то сложный был пример. У тебя получилось понятнее. Спасибо :)
Было очень интересно! Примеры - супер!!!
Огромное спасибо за то, что делитесь опытом, этого очень не хватает, когда учишься сам, информации полно, но вот, что сейчас принято использовать в разработке непонятно, надеюсь будете продолжать, очень интересно смотреть
урок очень хороший. слушаю с удовольствием.
Мощнейшая штука!!! Спасибо!
Какой же топ!
Отлично! Спасибо. Только просьба в следующих видео чуть по медленнее.)
годный материал🎉. благодарю😊
Спасибо!
👍👍👍
Благодарю, на одном дыхании )
Круто, попробую сверстать проект без SCSS. Для полного счастья миксинов только не хватает )
Нифига контент подъехал
Не ожидал увидеть shelter в примере! Как раз повторяю переменные перед версткой этого макета))
Пасиба
Супер, лайк
Спасибо за качественный контент!!! У меня есть вопрос, можно ли каким-нибудь способом менять значения в @media (max-width: {value})? Я бы хотел налету менять значения в медиа запросах
Привет! Спасибо за фидбек :) Отвечая на твой вопрос - нет, к сожалению, такой возможности нет. Но если объяснишь в какой именно ситуации тебе это нужно, то я постараюсь придумать решение.
После обновы фигмы этим летом переменные достаточно понятны)
CSS Переменные | CSS Variables | функция var()
Подскажите пожалуйста, знающие люди, лучше изучать HTML вместе с CSS попутно, либо раздельно? Только начал изучение и немного не ясно.
Последовательно, начиная с HTML. При изучении CSS все равно будет много пересечений с HTML. Ну и во время изучения теории желательно параллельно практиковаться, как минимум - пытаться повторить то, что приводится в обучающем материале, а ещё лучше - выходить за рамки темы и экспериментировать.
@@AleksanderLamkov спасибо большое за ответ!
Хорош 👍
Спасибо большое за урок! Есть ли разница использовать переменные из scss в виде $variable и переменных var? var писать неудобнее в vs code)
Привет! Спасибо за обратную связь :)
Отвечаю на вопрос - разница есть.
CSS-переменные работают в рантайме (при непосредственном запуске сайта в браузере) и ими можно манипулировать через JS.
Переменные из Sass же компилируются и после преобразования scss-файла в css они пропадают, заменяются на конкретные значения.
Я не советую использовать $, используйте var.
Сейчас нет смысла в Sass-переменных. Они использовались раньше из-за необходимости, когда CSS-переменных var не существовало.
а можно посмотреть проект личного сайта на гитхабе?) очень интересно было бы посмотреть как ты там полноценно используешь переменные
Привет! Можно: github.com/aleksanderlamkov/aleksanderlamkov
Файл стилей с глобальными переменными: github.com/aleksanderlamkov/aleksanderlamkov/blob/main/src/styles/vars.pcss
Файл стилей для "сцены с ноутбуком":
github.com/aleksanderlamkov/aleksanderlamkov/blob/main/src/styles/blocks/hero-scene.pcss
Но всё немного сложнее, чем показанное в этом видео. Переменные я использую в совокупности с миксинами от препроцессора стилей PostCSS.
@@AleksanderLamkov спасибо)
А если писать на препроцессоре, то переменные css не используются, а используются только те, которые написано в препроцессоре, верно? Или можно писать переменные как в css и все корректно будет работать?
При работе с препроцессором можно использовать обычные CSS-переменные.
Разница в синтаксисе и в том, что переменные препроцессора после преобразования из финального css-файла пропадают, а места, где они были использованы, заменятся на их значения.
Главный недостаток переменных препроцессора в том, что ими нельзя манипулировать в рантайме, нельзя им задать значение в разметке, через инлайновый атрибут style и нельзя ими управлять через JavaScript.
@@AleksanderLamkov то есть если пишешь с помощью препроцессора, то эти недостатки никак не закрыть?
Ну, исходный код в синтаксисе препроцессора все равно ведь на выходе будет преобразован в обычный CSS. А переменные на синтаксисе препроцессора ≠ переменные в синтаксисе обычного CSS. Поэтому используют обычно что-то одно.
JS буде?
Обязательно будет, но после нескольких мастер-классов по верстке. Ориентировочно - в ноябре.
@@AleksanderLamkov чекаю з нетерпінням ☺️
у кого то зализанная причёсочка набок остаётся до конца жизни
Ааа, это ты, который кнопки нормальные в ВК сделать не может?
Так это... процесс то не быстрый! Кнопку покрасить - это таска на полгода-год...
Добрый день!
Искренне не понимаю зачем нужна говорящая голова в кадре в обучающем видео, к тому же читающая с листка
Плюс каждое видео начинается с знакомства и предложения подписаться на канал, по итогу мы имеем 30 секунд потраченного времени каждый раз
Хочется уже перестать знакомиться и начать кодить
Добрый! Потому что я так хочу, потому что всё это нужно для моих целей.
Если мешает приветствие, перематывайте на нужное место или переходите на нужный таймкод из описания.
Про потраченное время - уж не на канале с бесплатным контентом это надо говорить. Я на каждое подобное видео трачу десяток часов своего свободного времени. Уж извините, что трачу драгоценные 30 секунд вашего времени перед тем, как выдать 10 минут концентрированного образовательного контента без воды.
ЧСВшкая мелкая
муть