6 полезных свойств CSS за 10 минут!

[@PurpleSchool]

🔗 Ссылки: 🎉🎉🎉 Мой новый курс по HTML и CSS: purpleschool.ru/course/html-css - 19 часов видео - 19 упражнений - 15 тестов - Неограниченный доступ и гарантия возврата средств 🎓 Мои курсы по разработке: purpleschool.ru 👨‍💻 Клуб разработчиков: purpleschool.ru/club 💬 Telegram канал с полезными советами: t.me/purple_code_channel

[@JesseJames-mh5kb]

aspect-ratio и scroll-snap просто БОМБА! Спсибо за видео!

[@PurpleSchool]

Спасибо!

[@smotritelyoutube]

Прикольная подача, все ясно и понятно, дикция хорошая, лайк!

[@PurpleSchool]

Спасибо!

[@bless_meparde4913]

За mix-blend-mod отдельное спасибо. Вот прям совсем не знал что есть такое нативное решение👏👏👏

[@PurpleSchool]

Пожалуйста!

[@PHP_Architect]

лет 10 назад помню была такая хотелка клиента... выкрутились двумя фикс. елементами разноцветного текста. на один из них в его родительском елементе цепляли css свойство overflov:hidden... Танцы с бумном

[@alfed6989]

Полезное видео. Взял пару свойств в свой проект. Благодарствую 👍

[@PurpleSchool]

Пожалуйста!

[@engelknight2059]

От души в душу!

[@PurpleSchool]

Welcome

[@awenn2015]

3:48 вот это я понимаю, реально полезное свойство, тоже надо бы запомнить и использовать в таких местах

[@PurpleSchool]

👍

[@Anatoli-bq1pe]

Благодарю!

[@PurpleSchool]

@@Anatoli-bq1pe пожалуйста!

[@demidovmaxim1008]

Большое спасибо за выпуск!

[@PurpleSchool]

Пожалуйста!

[@Alex-bs2bk]

как же это круто!

[@PurpleSchool]

Спасибо!

[@andrey-z5z]

Большое спасибо! Очень интересно.

[@PurpleSchool]

Пожалуйста!

[@Katar1x]

про микс не знал, спасибо)

[@PurpleSchool]

👍

[@sasha_08170]

Супер ❤

[@PurpleSchool]

Пожалуйста!

[@hajime3547]

Сразуьувидя твой первый short видео, подписался и зашёл на канал, и нашёл нужное видео! Я даже нашёл курсы по HTML/CSS жалко что они платные... А так канал чёткий(я никогда не нажимал на кнопку подписаться сразу

[@PurpleSchool]

Спасибо! Да, он платный, но цена всего 2190

[@hajime3547]

@@PurpleSchool у меня карточки нет..., а так я не спорю что он сильно переоцинён😜, красава

[@hajime3547]

Можно спросить:" можно ли создать сайт с помощью HTML, CSS, и python(вместо JavaScript?)

[@PurpleSchool]

Для Frontend все равно JS. Да есть WASM, но это экзотика

[@АнатолийГорбов-о1ь]

Антон спасибо! твои курсы по nextJS и nodeJS супер! по фронту классные видео на канале тоже, продолжай в том же духе!))

[@PurpleSchool]

Спасибо!

[@_oxios_]

Спасибо, полезно!

[@PurpleSchool]

Пожалуйста!)

[@arahnid_9844]

Класс, спасибо 👍

[@PurpleSchool]

Пожалуйста!

[@СамирАбасов]

Спасибо, только про aspect-ratio и transform знал , про остальные не слышал. Думаю aspect-ratio самый важный среди них, так как полезно на любом сайте

[@PurpleSchool]

Спасибо!

[@asg5511]

Супер! Прям таки уроки магии))) Очень понравился выпуск!

[@PurpleSchool]

Спасибо!

[@ЕленаКазакова-о1э4и]

Шикарно!! Спасибо!

[@PurpleSchool]

Пожалуйста 👍

[@leem0ne]

По вертикали текст удобней писать через writing-mode: vertical-lr; Transform: rotate(90deg) Так однострочный текст позиционировать удобней для разных строк разной длины. Например слова из 5 и 10 букв.

[@PurpleSchool]

👍

[@yesdoit9914]

Ты крут! 👍👍👍🙌

[@PurpleSchool]

Спасибо!

[@SerhiiNesterov]

Спасибо, очень полезно!)

[@PurpleSchool]

Спасибо!

[@YaroslavlCity]

Спасибо! Лайк. Подписка.

[@PurpleSchool]

Спасибо!

[@ТехническийцентрГлубокскогоотд]

Спасибо, очень полезно!

[@PurpleSchool]

Пожалуйста!

[@gabbergabberovich]

Подписался, спасибо.

[@PurpleSchool]

Пожалуйста!

[@Игорь-ж6е8т]

Здравствуйте. А свойство где карточка перворачивается. ей можно задать картинку или другой текст сзади получается.?

[@Илья-э7ю9в]

aspect-ratio подчеркнул для себя . Взамен лайфхака с padding-bottom

[@PurpleSchool]

👍

[@natanrock4358]

Thanks a lot)

[@PurpleSchool]

Welcome)

[@happy_cutman]

Scroll-behaviour smooth не будет работать в хроме, так как там по умолчанию выключен плавный скролл, включается он через настройки, но только пользователь вашего приложения в настройки браузера заходить не станет

[@PurpleSchool]

Так я же на chrome данную демку показываю

[@rudinandrey]

супер, отличный видео урок, mix-blend-mode интересно для иконки над картинкой будет работать? ну например svg иконка белого цвета, со стрелочками вправо и влево, и вот если стрелочки белые, а картинка тоже белая, их не видно (стрелочки), или это только для текста?

[@PurpleSchool]

Да, это смешивание слоёв и работает для чего угодно

[@rudinandrey]

@@PurpleSchool енто просто волшебство какое то :) спасибо большое!

[@it_doc2319]

Вот с SVG нужно повременить. Какие-то свойства параметры свойства поддерживаются, а какие-то нет. Это я сейчас о Safari

[@fr33dwizod4tbroski]

Воу, а что за тема в VS Code?

[@роматарасов-о8л]

каждый подобный видос когда смотрел была либо банальщина либо вообще какие-то бесполезные вещи но этот видос очень хороший aspect-ratio это просто мечта

[@PurpleSchool]

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

[@Илья-э7ю9в]

Очень полезное свойство!

[@PurpleSchool]

👍

[@Edgar-pu1lc]

Привет Антон, почему оценка у курса по реакту так занижен ?(4.5)

[@PurpleSchool]

На какой платформе? Если на Udemy, то из-за необходимости из Украины использовать VPN для доступа к API.

[@Edgar-pu1lc]

@@PurpleSchool понятно, а новичка стоит брать этот курс ?

[@PurpleSchool]

Нужны знания JS и TS. Если они есть, то вполне, если нет, то у меня есть курсы как по JS, так и по TS

[@yuritian8830]

плавный скролл не работает при минимальных графических настройках операционной системы.

[@PurpleSchool]

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

[@Dik131WZD]

А почему у вас скролл классненький, кругленький и без стрелок, а у меня квадратный, как на ХР?

[@agilkerimov]

Aspect-ratio : 16 / 9

[@PurpleSchool]

👍

[@pryanik150]

Million js заменит react 🍐? (почему то не вижу свой коммент после отправки, сори за спам)

[@PurpleSchool]

Детально пока в него не погружался, но возможно выделю время и сделаю видео.

[@pryanik150]

@@PurpleSchool у них просто сайт красивый. К тому же в ваших цветах

[@sergeystarostin179]

Шикарный профессионал, качественно все рассказывает, объясняет. Но английский, произношение просто сильно отвлекает. Приготовился насладится интересной информацией и сразу CSS - цсс (перепонки напряглись), вспомнились слова данного автора heigth - хейт, true - тру. Сам уже пугаешься, что английский забыл, а нет смотришь транскрипцию и понимаешь, что рассказчик пытается придумать свой необычный диалект английского. Пытаюсь вернуться к сути рассказываемой темы, но тут опят по ушам hover сначала правильно хавер, а потом не не не ховер (ближе к британскому произношению). И в конце снова мой любимый хейт (ставим уровень ненависти к цсс) 50%. Конечно большое спасибо автору за его работу, но хотя бы хейт давайте в хайт. :)

[@PurpleSchool]

Да, буду избавляться от данной привычки)

[@CJIu3eHb]

@@PurpleSchool А ведь есть еще и вайдт (width) и хайден (hidden)... :))) Ну это я и сам борюсь с переменным успехом. А вот насчет ховера претензии не принимаются. В союзе учили больше британскому.

[@pryanik150]

Наоборот отлично что автор правильно произносит слова. А не как некоторые выдавливают из себя напускной британский акцент в каждом слове. Примерно как женщина администратор магазины одежды из мема. (Ролик :"Русский язык - великий и ужасный" на KZbin) Аж тошно слушать.

[@sergeystarostin179]

@@CJIu3eHb Северо-Американские английский под миллиарда, британский английский около 70 миллионов. И если понимать как формировался британский акцент, то станет понятно, что учить британское произношение просто глупо, вы просто будите эмитировать нарушение дикции, как у очередного наследника британской короны (за которым стала повторять вся элита и затем простой люд). Именно Северо-Американские английский это классический английский. Но если вам нравится британский акцент, то тогда нужно всё произносить соответственно по британски. Но в целом это больше шутка при такой концентрации полезной информации в видео автора. Просто настолько грамотно, по сути, человек излагает, что непроизвольно начинаешь сомневаться в своих знаниях английского, а может всё таки хЕйт :)).

[@sergeystarostin179]

@@pryanik150 Всё убедили, то же буду говорить хЕйт :). Приношу свои извинения автору.

[@pep421]

Ого как скаканул css

[@PurpleSchool]

Да, возможностей стало много больше)

[@pryanik150]

Новый @scope упростит мою вёрстку (нет)

[@PurpleSchool]

Пока поддержка не очень браузерами, да и для css modules не очень актуально)

[@pryanik150]

@@PurpleSchool на реакте это где-то в Питерах пишут может ещё в других областях. Нам на Vue с нативным приятным css по-кайфу, когда поддержка появится во всех браузерах

[@PurpleSchool]

Это будет хорошо, да

[@chikenmacnugget]

На кого это рассчитано интересно, на тех кто открыть гугл со спекой не может?

[@PurpleSchool]

Чтобы открыть спеку надо знать, какие свойства искать.

[@chikenmacnugget]

@@PurpleSchool чтобы открыть спеку надо открыть спеку. А для того, чтобы знать какие свойства искать надо научиться пользоваться спекой, а для начала гуглом