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

Поделиться
HTML-код
  • Опубликовано: 23 сен 2024

Комментарии • 39

  • @PurpleSchool
    @PurpleSchool  4 дня назад

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

  • @TarkusForever
    @TarkusForever 3 дня назад

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

    • @PurpleSchool
      @PurpleSchool  3 дня назад

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

  • @tolyachernov7849
    @tolyachernov7849 4 дня назад +1

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

    • @PurpleSchool
      @PurpleSchool  4 дня назад

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

    • @tolyachernov7849
      @tolyachernov7849 4 дня назад

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

  • @engelknight2059
    @engelknight2059 4 дня назад +1

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

    • @PurpleSchool
      @PurpleSchool  4 дня назад

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

  • @kiritushka
    @kiritushka 4 дня назад +8

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

    • @PurpleSchool
      @PurpleSchool  4 дня назад +1

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

  • @АлександрГерасимов-с3щ

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

  • @denzelwash33
    @denzelwash33 День назад

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

  • @blackFortuna1358
    @blackFortuna1358 4 дня назад +1

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

  • @NtDrke
    @NtDrke 2 дня назад

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

    • @PurpleSchool
      @PurpleSchool  2 дня назад

      @@NtDrke в одном из роликов затрагиваю, вроде этот ruclips.net/video/RLVqUfSRmXY/видео.html

  • @DubinArtur
    @DubinArtur 3 дня назад +1

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

  • @MarvelBad
    @MarvelBad 2 дня назад

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

  • @tolyachernov7849
    @tolyachernov7849 4 дня назад

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

    • @PurpleSchool
      @PurpleSchool  4 дня назад

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

    • @tolyachernov7849
      @tolyachernov7849 4 дня назад

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

  • @vsvhrm
    @vsvhrm 4 дня назад

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

  • @vovasvidinsky1369
    @vovasvidinsky1369 3 дня назад

    Click bait

  • @proletarian
    @proletarian 4 дня назад

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

    • @PurpleSchool
      @PurpleSchool  4 дня назад

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

    • @proletarian
      @proletarian 4 дня назад

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

    • @PurpleSchool
      @PurpleSchool  4 дня назад

      @@proletarian неплохо

  • @Black1991Star
    @Black1991Star 4 дня назад +3

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

    • @PurpleSchool
      @PurpleSchool  4 дня назад +4

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

    • @andreigunderin
      @andreigunderin 4 дня назад

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

  • @Kira_sk
    @Kira_sk 4 дня назад +2

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

    • @PurpleSchool
      @PurpleSchool  4 дня назад

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

    • @Kira_sk
      @Kira_sk 4 дня назад

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

    • @PurpleSchool
      @PurpleSchool  4 дня назад

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

    • @CJIu3eHb
      @CJIu3eHb 2 дня назад

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

  • @thesweetlife843
    @thesweetlife843 4 дня назад

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

    • @PurpleSchool
      @PurpleSchool  4 дня назад

      @@thesweetlife843 Да, верно