#2 Верстка сайта из Figma для начинающих | Марафон по верстке с GULP, SASS, БЭМ и Pixel Perfect

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.พ. 2025

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

  • @CodeQuestRu
    @CodeQuestRu  3 ปีที่แล้ว +1

    0:00 - План урока
    0:54 - Разметка формы поиска
    3:59 - Оформление блока формы
    13:11 - Разметка секции услуг
    16:45 - Стили для блока услуг
    23:27 - Секция о компании
    25:32 - Стилизация блока о компании
    28:47 - Послесловие о марафоне

  • @PalyufishkuRuSite
    @PalyufishkuRuSite 3 ปีที่แล้ว +2

    Божественная подача материала! Без воды и растягивания соплей! Одно удовольствие учиться по таким урокам!

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

      Спасибо, тоже не люблю попусту тратить время =)

  • @RomanKhassazhirov
    @RomanKhassazhirov ปีที่แล้ว +1

    Дядька, это не дело, ждём тебя и ждём, а тебя всё нет и нет :с

  • @BrestSouth
    @BrestSouth 3 ปีที่แล้ว +1

    Спасибо за контент, как всегда, очень познавательно. Закрываю некоторые пробелы благодаря твоим роликам. Процветания каналу!

  • @houston_np
    @houston_np 2 ปีที่แล้ว

    Отличная реализация и решения. Все прям по полочкам и без воды. Завидую людям, которые начали учиться по твоим видосам) Если честно, впервые на ютубе наткнулся на реализацию скрытого заголовка внутри section, спасибо, преисполнился)
    Есть вопрос по поводу использования модулей в scss. На официальном сайте рекомендуется использовать @use и @forward вместо @import. Многие расширения scss в vsCode этому мешают правда.. Хотелось бы услышать твое мнение по этому поводу.

  • @igormajrov8444
    @igormajrov8444 2 ปีที่แล้ว

    Бро, не пропадай. Ждем новые видосы.

    • @CodeQuestRu
      @CodeQuestRu  2 ปีที่แล้ว

      Постараюсь вернуться =)

  • @没有付出就没有收获
    @没有付出就没有收获 2 ปีที่แล้ว +1

    Интересно посмотреть как сделали адаптив

  • @turembekov
    @turembekov 3 ปีที่แล้ว +1

    Привет друг! Как поживаешь? Как всегда, контент очень хороший 👍. У меня вопрос. Пользуешься ли ты FrontEnd фреймворками и если ДА то каким?

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว +1

      Работаю с vue и react =)

  • @ИльяКостеев-с5т
    @ИльяКостеев-с5т 2 ปีที่แล้ว +1

    привет!будут от тебя еще видосики?

    • @CodeQuestRu
      @CodeQuestRu  2 ปีที่แล้ว

      Привет, если будет время и вдохновение, обязательно =)

  • @vahe.hayrapetyan
    @vahe.hayrapetyan 2 ปีที่แล้ว +1

    Когда новое видео?

    • @CodeQuestRu
      @CodeQuestRu  2 ปีที่แล้ว +1

      По этому марафону мы закончили, продолжение есть на бусти в режиме трансляций. А так, после НГ много планов продолжить

  • @UCnBUnAmcvCs8FePEtmn
    @UCnBUnAmcvCs8FePEtmn 3 ปีที่แล้ว

    Комментарий для продвижения!

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

      Такие комменты не работают, надо осмысленные :D

  • @BrestSouth
    @BrestSouth 3 ปีที่แล้ว

    Когда планируется выход 3 части ролика ? Адаптив там будет ?

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

      В третьей части мы только доверстаем статику. Потом я покажу как использовать слайдер Swiper через npm и в этом проекте. Ну а после этого уже адаптив. На марафоне мы все это уже сделали. Для канала запишу позже, как будет время.

  • @AlisherMakhmudov
    @AlisherMakhmudov 3 ปีที่แล้ว

    dobriy den', skajite kak specialist, vajno li delat' pixel perfect ili luchse delat' ishodya iz pravil 8 points grid, kak bi ispravyat' dizayn na hodu...
    Ni kogda ne nravilos' rabotat' s znacheniyami tipa 13px, 15px, 17px, pochemu bi ne okruglyat' na skajem 8, 16, 24, 32 i tak dalee...

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

      Можно делать и так и так. Все зависит от требований заказчика. Иногда я делаю округления и допускаю расхождения в 5px там, где это оправдано

  • @pixsogram
    @pixsogram 3 ปีที่แล้ว

    Первая часть я так понимаю для участников марафона?

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

      На марафоне мы проводим трансляции и верстаем вместе. Потом через время я делаю ролик для канала. Там мы уже перешли к адаптиву

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

      Первая часть на канале тоже есть, остальные будут позже

    • @pixsogram
      @pixsogram 3 ปีที่แล้ว

      @@CodeQuestRu уже увидел, знаешь в чем прикол? С компа данное видео отсутствуют, а на телефоне есть;)))) У меня идет видео про Git и затем сразу данная часть))))

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

      @@pixsogram может ютуб так рекомендует, странно

  • @artcoed
    @artcoed 3 ปีที่แล้ว

    сделай видео по адаптации пожалуйста

    • @CodeQuestRu
      @CodeQuestRu  3 ปีที่แล้ว

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

  • @AntonioBenderas
    @AntonioBenderas 2 ปีที่แล้ว

    Ещё не смотрел. Адаптив есть?

    • @CodeQuestRu
      @CodeQuestRu  2 ปีที่แล้ว +1

      В этих частях еще нет, адаптив настраивали в конце

    • @AntonioBenderas
      @AntonioBenderas 2 ปีที่แล้ว

      @@CodeQuestRu Спасибо! Это хорошо, будем ждать адаптива)

  • @MrK0missar
    @MrK0missar 2 ปีที่แล้ว

    Хороший канал, жаль что автор забил болт. Материал хороший.

    • @CodeQuestRu
      @CodeQuestRu  2 ปีที่แล้ว

      Спасибо, после НГ вернусь =)

    • @dojo723
      @dojo723 ปีที่แล้ว +1

      @@CodeQuestRu Мы а точнее я все еще жду тебя:) Возвращайся с новыми материалами.

  • @mbreti362
    @mbreti362 2 ปีที่แล้ว

    Когда продолжение ? Уже 2 недели прошло

    • @CodeQuestRu
      @CodeQuestRu  2 ปีที่แล้ว

      Понимаю, но сейчас нет времени. Начну записывать на следующей неделе =)

    • @mbreti362
      @mbreti362 2 ปีที่แล้ว

      @@CodeQuestRu и где видео ?

  • @alexo6935
    @alexo6935 ปีที่แล้ว

    ДРУЖИЩЕ!Ты куда пропал!??😐

    • @CodeQuestRu
      @CodeQuestRu  ปีที่แล้ว

      Работаю =)

    • @alexo6935
      @alexo6935 ปีที่แล้ว

      @@CodeQuestRu не планируешь продолжать???

    • @CodeQuestRu
      @CodeQuestRu  ปีที่แล้ว +1

      @@alexo6935 хочется, ищу варианты по времени и мотивацию)

    • @alexo6935
      @alexo6935 ปีที่แล้ว

      @@CodeQuestRu приятно видеть такое)