FullPage 3D сайт на чистом JavaScript! Без плагинов!

Поделиться
HTML-код
  • Опубликовано: 9 сен 2024
  • 🏆 Поднять мотивацию и получить плюшки(сборка, исходники, чат со мной):
    🔹 Patreon: / roman_timoshchuk
    🔹 Buy me a coffee: www.buymeacoff...
    🔹 Crypto:
    👉 USDT(ERC20): 0xA4008910De17DB20c7505425316fF72d4C5Eed96
    👉 USDT(BEP20): 0x4350c4E1C0bB35634C7fDE1cFB278BE0606E3822
    👉 Binance Pay: 432902886
    📨 Сотрудничество ► timoschuk.roman@gmail.com
    📨 Business inquiries ► timoschuk.roman@gmail.com

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

  • @lets_try_js
    @lets_try_js  3 года назад +8

    Получилось повторить ?

    • @verushkan
      @verushkan 3 года назад

      Где найти такие фотки качественные, чтобы на фон сайта поставить? Или ты покупал их где-то можешь подсказать?

    • @artemtreiko8436
      @artemtreiko8436 3 года назад +1

      Странно, но все работает по-другому с данными, которые у тебя. И приходиться самому играться с perspective 3d, rotateZ, ховерами и анимацией. А так, идея зачетная.

    • @lets_try_js
      @lets_try_js  3 года назад +1

      @@artemtreiko8436 может где-то не так что-то написал в одном месте и по этому так и работает)
      ну а в любом случае, можно поиграть и что то поинтереснее придумать)

    • @el-ki-ri
      @el-ki-ri 3 года назад +1

      Все работает! Спасибо!

    • @lets_try_js
      @lets_try_js  3 года назад +1

      @@el-ki-ri круто, что повторяете)

  • @m1akarov442
    @m1akarov442 2 года назад +1

    Like , отлично. Вы профессионал. Спасибо за вашу работу =)

    • @lets_try_js
      @lets_try_js  2 года назад +1

      Спасибо большое ))

  • @user-rf3fq5if2n
    @user-rf3fq5if2n 2 года назад +1

    Спасибо за видео! Повторить получилось, очень интересный вариант сайта!

  • @art-avetyan
    @art-avetyan 3 года назад +1

    Спасибо большое! Вот это современный подход.

    • @lets_try_js
      @lets_try_js  3 года назад

      Надеюсь будет полезно )

  • @dmitry9088
    @dmitry9088 3 года назад +2

    Классная идея! Даже и не думал о таком)

    • @lets_try_js
      @lets_try_js  3 года назад

      Можете повторить )

  • @web9584
    @web9584 3 года назад +2

    Идея - бомба!

  • @user-xk3kf5uf7o
    @user-xk3kf5uf7o 2 года назад +2

    Очень круто, спасибо за проект

  • @assetdev1859
    @assetdev1859 Год назад +1

    тебе нужно было выборку секции написать с дебаунс. а то он сразу переключается из-за этого глаз дергается

  • @optimist6861
    @optimist6861 Год назад

    Мне понравился идея респект

  • @versti8996
    @versti8996 3 года назад +1

    Это очень годно, Бро! Будет что-нибудь с Vue?

    • @lets_try_js
      @lets_try_js  3 года назад

      На Vue в ближайшее время вряд ли )
      Не работаю с ним

  • @free_movie_kg6499
    @free_movie_kg6499 2 года назад

    Здравствуйте. Через какую программу сделали?

  • @albeque
    @albeque 2 года назад +1

    Всё круто, получилось, лайк подписка). Вопрос, как это запомнить и самому написать?)

    • @lets_try_js
      @lets_try_js  2 года назад

      Понять как работает ))

  • @kirill_gaming_off
    @kirill_gaming_off Год назад

    А что если нет webshtorm?
    И нет watch sass

  • @MrWigrovski
    @MrWigrovski 2 года назад

    Круто конечно, но что насчет адаптива под мобильные устройства?

    • @lets_try_js
      @lets_try_js  2 года назад

      ну так можно сделать адаптив, в чем проблема то)

  • @muzaffaryusupov1594
    @muzaffaryusupov1594 Год назад

    почему моя картинка не показываеться ? я де вставлял в хеадер ван?

    • @eduarddernovich9224
      @eduarddernovich9224 Год назад

      Получилось сделать как по видео ?

  • @zzloyshkolnik5703
    @zzloyshkolnik5703 3 года назад

    Ой девочкиии

  • @scryme
    @scryme Год назад

    Если кто либо сделал скиньте ссылку на github,, не могу найти ошибки которые сделал, сверю код с Вашим, буду благодарен )

  • @denis32022
    @denis32022 3 года назад

    покажи пожалуйста как забирать данный с node js из монго и забирать их на react. (я писал в package-json proxy 3001 но в любом случае get запрос идет на 3000 порт.) и желательно показать как это все задеплоить потом вместе с нодой. А так лайк и подписка!

    • @denis32022
      @denis32022 3 года назад

      Хотелось бы добавить что хотелось бы увидеть не авторизацию а забирание уже готовых данных и вывод их на страницу. Сделай пожалуйста а то уже все перерыл. Видимо лыжи не едут

    • @lets_try_js
      @lets_try_js  3 года назад

      У меня есть ролик по мерн стеку, там есть get запросы
      А как их задеплоить тоже есть отдельный ролик)

  • @free_movie_kg6499
    @free_movie_kg6499 2 года назад

    А то через вс код ничего не запускается

    • @free_movie_kg6499
      @free_movie_kg6499 2 года назад

      Я всё сделал так как вы говорили

  • @user-id8pz7vh8u
    @user-id8pz7vh8u Год назад

    Я наоборот в js такое , а в цсс анимациях я аз

  • @Denis-rh9jp
    @Denis-rh9jp Год назад

    Я все по колхозному сделал, я работал веб-программистом еще 2 года назад, у нас был только вар и модно было перебирать массив через фор, у меня вышло оптимизировать цсс код и js код за счет одного класса, и вот кстати мой код для переключателя let link = document.querySelectorAll(".link");
    let screen = document.querySelectorAll(".header");
    for(i=0;i