Омг! Я раньше думал, что этот laptop c кодом это просто "гифка". Но после этого видео я проинспектировал сайт и понял, что "ноут" - это просто шедевр с точки зрения как дизайна, так и понимания html+css. Сам изучаю веб-разработку неспеша, и порой кажется, что сталкиваюсь с непростыми задачами, а потом встречаешь это чудо. Автор реально гений. Успехов твоему каналу!
Привет! Давно хотел спросить про CSS-переменные. Как ты думаешь какой стандартный набор должен быть? Например набор z-index-ов (от 1 до 5), набор цветов в обычном состоянии и при наведении.
Привет! В CSS-переменные я обычно заношу: палитру цветов, тени, закругления, параметры шрифта, transition, свойства сетки (мин/макс. ширина, горизонтальные внутренние отступы), ширина скроллбара, высота кнопок и полей ввода, параметры фокуса, z-index слои. Посмотри пример: github.com/aleksanderlamkov/fancy-auth-form/blob/main/src/styles/vars.pcss Тут нейминг переменных не лучший, т. к. это довольно старый проект, но суть должна быть понятна.
Есть вопрос по этому переключателю темы на вашем сайте. Всё, получается, там сделано без javascript? А ещё хочу оставить небольшой feedback. Уроки у вас понятные, всё по делу, хотя новичку может быть сложновато улавливать некоторые моменты по ходу видео, но эти моменты можно пересмотреть. Я часто смотрю ваши видео, сейчас как раз изучаю Front end разработку. Спасибо вам за информацию, которую вы выкладываете. Успехов вам в развитии канала!
Привет! Спасибо за такой положительный фидбек :) Переключатель темы сделан чекбоксом и при переключении состояния checked на элемент с помощью JS добавляется класс 'is-dark-theme-enabled', затем, отталкиваясь от наличия этого класса, переопределяются значения CSS-переменных палитры цветов и теней. Расскажу об этой механике подробнее в одном из следующих видео.
Спасибо вам больше за уроки! Подскажите пожалуйста, почему не работает этот код, в конце строки ничего не появляется? .privet::after { content: attr(data-example); }
Всегда первым делом, когда захожу на TH-cam, проверяю не появилось ли у тебя новое видео. Как всегда на высоте
Омг! Я раньше думал, что этот laptop c кодом это просто "гифка". Но после этого видео я проинспектировал сайт и понял, что "ноут" - это просто шедевр с точки зрения как дизайна, так и понимания html+css. Сам изучаю веб-разработку неспеша, и порой кажется, что сталкиваюсь с непростыми задачами, а потом встречаешь это чудо. Автор реально гений. Успехов твоему каналу!
Что-ж, паком видео по html и css ты продал мне свой курс (если будешь такой делать)), очень доходчиво. Спасибо!
Like!!! Автор красавчик, реально топовые уроки
спасибо за видео! не знал, что псевдоэлементов так много, особенно ::select, необычный)
Круто, спасибо
Какие же крутые уроки. Спасибо за вашу работу.
Топ
Привет! Давно хотел спросить про CSS-переменные. Как ты думаешь какой стандартный набор должен быть? Например набор z-index-ов (от 1 до 5), набор цветов в обычном состоянии и при наведении.
Привет!
В CSS-переменные я обычно заношу: палитру цветов, тени, закругления, параметры шрифта, transition, свойства сетки (мин/макс. ширина, горизонтальные внутренние отступы), ширина скроллбара, высота кнопок и полей ввода, параметры фокуса, z-index слои.
Посмотри пример:
github.com/aleksanderlamkov/fancy-auth-form/blob/main/src/styles/vars.pcss
Тут нейминг переменных не лучший, т. к. это довольно старый проект, но суть должна быть понятна.
@@AleksanderLamkov, Спасибо ты крутой
Саша-красава!
Спасибо большое за видео!!!❤
коммент для поддержки канала🙂
Есть вопрос по этому переключателю темы на вашем сайте. Всё, получается, там сделано без javascript? А ещё хочу оставить небольшой feedback. Уроки у вас понятные, всё по делу, хотя новичку может быть сложновато улавливать некоторые моменты по ходу видео, но эти моменты можно пересмотреть. Я часто смотрю ваши видео, сейчас как раз изучаю Front end разработку. Спасибо вам за информацию, которую вы выкладываете. Успехов вам в развитии канала!
Привет! Спасибо за такой положительный фидбек :)
Переключатель темы сделан чекбоксом и при переключении состояния checked на элемент с помощью JS добавляется класс 'is-dark-theme-enabled', затем, отталкиваясь от наличия этого класса, переопределяются значения CSS-переменных палитры цветов и теней.
Расскажу об этой механике подробнее в одном из следующих видео.
Привет , смотрю комментарию уже 10 месяцев, если не секрет , что успели за это время выучить)?
спасибо!
Топ!
Спасибо вам больше за уроки! Подскажите пожалуйста, почему не работает этот код, в конце строки ничего не появляется?
.privet::after {
content: attr(data-example);
}
Странно. Должно работать: codepen.io/aleksander-lamkov/pen/eYwPeWe
@@AleksanderLamkov да, извините, похоже у меня был какой-то глюк. Но спасибо вам большое за ответ!