8 полезных CSS практик для начинающих

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 พ.ย. 2024

ความคิดเห็น • 43

  • @PurpleSchool
    @PurpleSchool  หลายเดือนก่อน

    Ссылки
    🎓 Курс по СSS : clck.ru/3DPU3o
    🎓 Все курсы: purpleschool.ru
    🍿 Видео про новости Web Разработки: • Новости web разработки: Express.js 5,...
    💬 Telegram канал с полезными советами: t.me/purple_code_channel

  • @tolyachernov7849
    @tolyachernov7849 หลายเดือนก่อน +2

    Даже с небольшим опытом в верстке мне было интересно посмотреть)) Классная у Вас тема в vscode!!!

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน

      @@tolyachernov7849 Спасибо! Тема PurpleSchool Theme

    • @tolyachernov7849
      @tolyachernov7849 หลายเดือนก่อน

      @@PurpleSchool знаю, сам ею пользуюсь, она классная))

  • @TarkusForever
    @TarkusForever หลายเดือนก่อน

    Особое спасибо за такие видео для начинающих. Если можно, в будущем не забывайте о них, очень ждём подобное 😊

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน

      @@TarkusForever пожалуйста!

  • @engelknight2059
    @engelknight2059 หลายเดือนก่อน +1

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

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน

      @@engelknight2059 пожалуйста

  • @denzelwash33
    @denzelwash33 หลายเดือนก่อน

    display: flex;
    flex-direction: column;
    gap: 16px;
    display:grid;
    gap: 16px;
    Минус 1 строчка)

  • @NtDrke
    @NtDrke หลายเดือนก่อน

    Спасибо за урок! В CSS появилась вложенность, расскажите как с ней работать полноценно применяя методологию БЭМ, если это конечно возможно без всяких костылей.

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน

      @@NtDrke в одном из роликов затрагиваю, вроде этот th-cam.com/video/RLVqUfSRmXY/w-d-xo.html

  • @Sevenvad
    @Sevenvad 2 วันที่ผ่านมา

    Небольшое замечание по поводу outline. Возможно, кто-то уже знает, но всё же. Outline не влияет на ширину элемента, то есть, не участвует в формировании его ширины.

    • @PurpleSchool
      @PurpleSchool  2 วันที่ผ่านมา

      @@Sevenvad 👍

  • @virtual5754
    @virtual5754 หลายเดือนก่อน +1

    Впервые слышу про place-content, а у него поддержка уже 7 лет.
    Базовый размер шрифта переопределять не стоит, это ведет к некоторым проблемам, в том числе с доступностью

  • @blackFortuna1358
    @blackFortuna1358 หลายเดือนก่อน +1

    Соглашусь с комментариями. Трюками это назвать сложно) А просто обычная вёрстка без учёта душноты реального продакшна

  • @MarvelBad
    @MarvelBad หลายเดือนก่อน

    Я бы очень хотел стать хорошим CSS программистом и ещё программировать HTML.

  • @DubinArtur
    @DubinArtur หลายเดือนก่อน +1

    Название: 8 полезных трюков
    Первые слова в видео: 6 полезных техник
    Везде инфляция..

  • @tolyachernov7849
    @tolyachernov7849 หลายเดือนก่อน

    Вопрос не по вёрстке. Какую ORM лучше использовать?

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน

      Зависит от задач. Мы обычно берём Prisma

    • @tolyachernov7849
      @tolyachernov7849 หลายเดือนก่อน

      @@PurpleSchool спасибо! А мне бы с чего-то начать учиться) Вы скорее всего используете лучшее)

  • @vsvhrm
    @vsvhrm หลายเดือนก่อน

    Как сделать такой же тонкий titlebar в Firefox? Это тема какая-то?

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน

      Это zen-browser.app/

  • @kiritushka
    @kiritushka หลายเดือนก่อน +9

    А в чем смысл? Это не трюки, а обычная верстка

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน +1

      Для новичков будет полезно

    • @arinademidova4933
      @arinademidova4933 หลายเดือนก่อน +1

      мне было полезно, хотя я в вебе уже 7 лет работаю. Учиться никогда не поздно!
      P.S. Предвосхищая вопросы, почему я 7 лет в вебе и до сих пор не знаю "обычной вёрстки" - так уж получилось, что работала я всё это время на легаси-проектах, которым лет 20, не меньше. Увы, связана древним стеком технологий.

  • @vovasvidinsky1369
    @vovasvidinsky1369 หลายเดือนก่อน

    Click bait

  • @proletarian
    @proletarian หลายเดือนก่อน

    а как же ARC? предательством попахивает

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน

      Просто люблю попробовать новый браузер)

    • @proletarian
      @proletarian หลายเดือนก่อน

      @@PurpleSchool как впечатления?

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน

      @@proletarian неплохо

  • @Black1991Star
    @Black1991Star หลายเดือนก่อน +3

    Никогда не добавляйте стили на теги! Вы раздуете кодовою базу CSS и следующий компонент вам НЕ скажет спасибо. Зачем обучать плохому, не понятно. У input вы не прописали label для скринридеров это пустые болванки, ещё и атрибуты name забыли. Подключение шрифтов со сторонних источников - моветон. Приходиш отдавать заказчику работу, а интернета нету, и доказывай, что оно как в дизайне....

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน +4

      Так я же в видео говорю, что для целей демо просто буду стилить теги.

    • @andreigunderin
      @andreigunderin หลายเดือนก่อน

      Почему это подключение шрифтов со сторонних источников моветон?
      Про cdn слышали?
      Если у заказчика нет интернета, зачем ему тогда вообще ваша работа?

  • @Kira_sk
    @Kira_sk หลายเดือนก่อน +2

    А где трюки, это же обычная верстка ?

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน

      Для новичков будет полезно

    • @Kira_sk
      @Kira_sk หลายเดือนก่อน

      @@PurpleSchool да я не спорю ) только название не совсем соответствует

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน

      @@Kira_sk согласен)

    • @CJIu3eHb
      @CJIu3eHb หลายเดือนก่อน

      Ну, центрирование через grid для меня оказалось трюком, т.к. привык флексбоксам. :)

  • @thesweetlife843
    @thesweetlife843 หลายเดือนก่อน

    Кстате before не обязательно было задавать absolute чтоб его увидеть, можно было задать display: block, flex, grid

    • @PurpleSchool
      @PurpleSchool  หลายเดือนก่อน

      @@thesweetlife843 Да, верно