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

Поділитися
Вставка
  • Опубліковано 23 гру 2024

КОМЕНТАРІ • 100

  • @PurpleSchool
    @PurpleSchool  Рік тому +3

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

  • @JesseJames-mh5kb
    @JesseJames-mh5kb 8 місяців тому +1

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

  • @smotritelyoutube
    @smotritelyoutube Рік тому +6

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

  • @bless_meparde4913
    @bless_meparde4913 Рік тому +19

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

    • @PurpleSchool
      @PurpleSchool  Рік тому +2

      Пожалуйста!

    • @PHP_Architect
      @PHP_Architect Рік тому +1

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

  • @alfed6989
    @alfed6989 Рік тому +3

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

  • @engelknight2059
    @engelknight2059 Рік тому +4

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

  • @awenn2015
    @awenn2015 Рік тому +3

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

  • @Anatoli-bq1pe
    @Anatoli-bq1pe 5 місяців тому +1

    Благодарю!

    • @PurpleSchool
      @PurpleSchool  5 місяців тому

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

  • @demidovmaxim1008
    @demidovmaxim1008 Рік тому +2

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

  • @Alex-bs2bk
    @Alex-bs2bk Рік тому +1

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

  • @andrey-z5z
    @andrey-z5z Рік тому +1

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

  • @Katar1x
    @Katar1x Рік тому +2

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

  • @hajime3547
    @hajime3547 Рік тому +1

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

    • @PurpleSchool
      @PurpleSchool  Рік тому

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

    • @hajime3547
      @hajime3547 Рік тому

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

    • @hajime3547
      @hajime3547 Рік тому

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

    • @PurpleSchool
      @PurpleSchool  Рік тому +1

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

  • @sasha_08170
    @sasha_08170 Рік тому +1

    Супер ❤

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

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

  • @_oxios_
    @_oxios_ Рік тому +2

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

  • @arahnid_9844
    @arahnid_9844 Рік тому +1

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

  • @СамирАбасов
    @СамирАбасов Рік тому +3

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

  • @asg5511
    @asg5511 Рік тому +2

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

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

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

  • @yesdoit9914
    @yesdoit9914 Рік тому +1

    Ты крут! 👍👍👍🙌

  • @leem0ne
    @leem0ne Рік тому

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

  • @SerhiiNesterov
    @SerhiiNesterov Рік тому +2

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

  • @YaroslavlCity
    @YaroslavlCity 11 місяців тому +1

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

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

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

  • @gabbergabberovich
    @gabbergabberovich 5 місяців тому +1

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

  • @Игорь-ж6е8т
    @Игорь-ж6е8т 9 місяців тому

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

  • @Илья-э7ю9в
    @Илья-э7ю9в Рік тому +2

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

  • @natanrock4358
    @natanrock4358 Рік тому +1

    Thanks a lot)

  • @happy_cutman
    @happy_cutman Рік тому

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

    • @PurpleSchool
      @PurpleSchool  Рік тому +1

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

  • @rudinandrey
    @rudinandrey Рік тому

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

    • @PurpleSchool
      @PurpleSchool  Рік тому +1

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

    • @rudinandrey
      @rudinandrey Рік тому

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

    • @it_doc2319
      @it_doc2319 Рік тому

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

  • @fr33dwizod4tbroski
    @fr33dwizod4tbroski 5 місяців тому

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

  • @роматарасов-о8л
    @роматарасов-о8л Рік тому +1

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

  • @yuritian8830
    @yuritian8830 Рік тому

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

    • @PurpleSchool
      @PurpleSchool  Рік тому

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

  • @Edgar-pu1lc
    @Edgar-pu1lc Рік тому +1

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

    • @PurpleSchool
      @PurpleSchool  Рік тому

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

    • @Edgar-pu1lc
      @Edgar-pu1lc Рік тому

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

    • @PurpleSchool
      @PurpleSchool  Рік тому

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

  • @Dik131WZD
    @Dik131WZD 10 місяців тому

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

  • @agilkerimov
    @agilkerimov Рік тому +3

    Aspect-ratio : 16 / 9

  • @pryanik150
    @pryanik150 Рік тому

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

    • @PurpleSchool
      @PurpleSchool  Рік тому

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

    • @pryanik150
      @pryanik150 Рік тому

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

  • @sergeystarostin179
    @sergeystarostin179 Рік тому +1

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

    • @PurpleSchool
      @PurpleSchool  Рік тому

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

    • @CJIu3eHb
      @CJIu3eHb Рік тому

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

    • @pryanik150
      @pryanik150 Рік тому +2

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

    • @sergeystarostin179
      @sergeystarostin179 Рік тому +1

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

    • @sergeystarostin179
      @sergeystarostin179 Рік тому

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

  • @pep421
    @pep421 Рік тому +1

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

    • @PurpleSchool
      @PurpleSchool  Рік тому

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

  • @pryanik150
    @pryanik150 Рік тому

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

    • @PurpleSchool
      @PurpleSchool  Рік тому

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

    • @pryanik150
      @pryanik150 Рік тому

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

    • @PurpleSchool
      @PurpleSchool  Рік тому

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

  • @chikenmacnugget
    @chikenmacnugget Рік тому

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

    • @PurpleSchool
      @PurpleSchool  Рік тому

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

    • @chikenmacnugget
      @chikenmacnugget Рік тому

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