Верстка сайта по макету из Pixso, бесплатный аналог Figma с Dev Mode

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

КОМЕНТАРІ • 37

  • @ITDoctor
    @ITDoctor  8 місяців тому

    💡 Продолжение этого урока + тесты и задание (макет): stepik.org/course/113393

  • @АкимеУсеинова-с3е
    @АкимеУсеинова-с3е 8 місяців тому +2

    Отлично, спасибо 😊

    • @ITDoctor
      @ITDoctor  8 місяців тому

      ПОжалуйста

  • @iuseronline
    @iuseronline 8 місяців тому +2

    круто) оч полезно

    • @ITDoctor
      @ITDoctor  8 місяців тому

      Спасибо, рад что нравится

  • @newal2006
    @newal2006 8 місяців тому +2

    Перешел сразу на неё, как только фигма опаскудилась

  • @Krylowandrey
    @Krylowandrey 4 місяці тому

    SVG иконки лучше править через CSS или изменять сам код SVG? Как лучше и почему?

  • @rikenbaker1
    @rikenbaker1 4 місяці тому +1

    Спасибо Док!

    • @ITDoctor
      @ITDoctor  4 місяці тому

      Всегда пожалуйста

  • @dimaqwerty381
    @dimaqwerty381 2 місяці тому +1

    Как лучше создать styles.css или main.css?

    • @ITDoctor
      @ITDoctor  2 місяці тому

      не важно. зависит от вашего стиля.

  • @merdanbaydzhanov8495
    @merdanbaydzhanov8495 8 місяців тому +1

    Спасибо 👍👍👍

    • @ITDoctor
      @ITDoctor  8 місяців тому

      Спасибо за оценку

  • @СергейКофанов-л8у
    @СергейКофанов-л8у 8 місяців тому +1

    СПАСИБО!!!🎉🎉🎉

    • @ITDoctor
      @ITDoctor  8 місяців тому

      Всегда пожалуйста!

  • @Krylowandrey
    @Krylowandrey 3 місяці тому

    На 49:36 я ваыставляю margin 94 пикселя в браузере желтый треугольник и написано "недопустимое значение свойства"

  • @Krylowandrey
    @Krylowandrey 3 місяці тому +1

    Как править текст одновременно в нескольких строках кода в VScode?

    • @ITDoctor
      @ITDoctor  3 місяці тому

      с зажатым alt + левая кнопка в нужных местах. вот в этом моем курсе (бесплатном) есть информации много по ускорению вашей работы stepik.org/113654

  • @Krylowandrey
    @Krylowandrey 4 місяці тому

    А я думал что после создания макета в фигме или пиксо, можно будет просто скопировать HTML и CSS код и разом все вставить. Для чего нужно копировать каждый элемент отдельно?

    • @ITDoctor
      @ITDoctor  4 місяці тому +1

      таков путь разработки. готовый код пока что не генерируется. но может нейросетки это сделают возможным. но пока этого не произошло и разработчики для этого и нужны чтобы писать код. вот в этом видео я показывал что будет если взять полностью готовый код ua-cam.com/video/6Ko2-qe2kZU/v-deo.htmlsi=VQsFkOG9_jp189ox

  • @Krylowandrey
    @Krylowandrey 3 місяці тому

    Выставляю такие параметры для
    .container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    А у меня при уменьшении экрана весь контейнер прижимается к левому краю. Почему он не по центру остается?

    • @ITDoctor
      @ITDoctor  3 місяці тому

      может есть какие то медиа запросы или другие стили которые перекрывают эти?

    • @Krylowandrey
      @Krylowandrey 2 місяці тому +1

      @@ITDoctor Я выяснил, нужно отключать пёрфектпиксел и тогда все Ок. Как я понял браузер при масштабировании ориентируется на макет в пёрфектпиксел, а не на контент сайта.

    • @ITDoctor
      @ITDoctor  2 місяці тому

      @@Krylowandrey спасибо что написали. Это может быть полезно кому то ещё

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

    Здравствуйте. Вообще не понимаю про то как выровнять макет. Не получается как у вас. У меня монитор 1440х2560. Может не так что то ставлю. Сложно даётся pixel perfect в общем.

    • @ITDoctor
      @ITDoctor  8 місяців тому

      у вас вертикальный монитор? или вы просто написали наоборот расширение?

    • @ITDoctor
      @ITDoctor  8 місяців тому

      посмотрите еще это видео там тоже про это может что то новое узнаете для себя ua-cam.com/video/LJR55ocpOZo/v-deo.html
      это ua-cam.com/video/MoIK7WtUvto/v-deo.html
      и это ua-cam.com/video/ZGeCNkW7FKw/v-deo.html

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

      @@ITDoctor обычный монитор 2к

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

      @@ITDoctor да разрешение наоборот написал

    • @ITDoctor
      @ITDoctor  8 місяців тому +1

      @@Игорь-ж6е8т ознакомьтесь с тремя ссылками которые я вам дал выше. Там все на эту тему верстки. Попробуйте вникнуть полностью все посмотреть

  • @saas3240
    @saas3240 8 місяців тому

    А это программа работает без интернета ?
    Я сказал установщик программу и у меня программа не работает корректно 😢

    • @ITDoctor
      @ITDoctor  8 місяців тому

      я не пробовал даже. интернет есть везде, а без него работать смысла мало очень.

  • @MikaStan
    @MikaStan Місяць тому

    очень странно про ширину контейнера. У меня тоже монитор 1920, но DevTools показывает края(margin) по 39,6 всего - итого *2 = 79,2. И тогда общая ширина получается = 1 519,2 (но не 1920!)

  • @ДмитрийПешнин-з7у
    @ДмитрийПешнин-з7у 8 місяців тому +1

    А где верстка по БЭМ?

    • @ITDoctor
      @ITDoctor  8 місяців тому +1

      не в этом уроке