Создание красивого сайта с 3D эффектом Parallax (HTML + CSS)

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

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

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

    💥 Все курсы в одном комплекте 👇👇👇
    webdesign-master.ru/bundle_courses

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

      Thank you so much for this video. It was really helpful for me. It's really hard to find such good information on the internet. I'm so happy I found you!

  • @Виталий-е9д5е
    @Виталий-е9д5е ปีที่แล้ว +274

    Это просто дикость... Что уроки такого уровня не взлетают мгновенно!!! Алексей, именно ты растишь и как я думаю, прививаешь вкус к современному дизайну отечественных разработчиков...
    ТЫ ГЛАВНЫЙ ДВИЖ ОТЕЧЕСТВЕННОГО ФРОНТЕНДА!!! Спасибо за науку друг!!!

    • @pawpawqwertyuiop
      @pawpawqwertyuiop ปีที่แล้ว +10

      еще и как проф.озвучка, получше, чем в некоторых сериалах

  • @Наталья-с1ц9о
    @Наталья-с1ц9о 9 หลายเดือนก่อน +10

    Увидела заставку и сразу подписалась! У меня культурный шок от такой подачи! Я не программист,но ,как дизайнер не могу пройти мимо! ❤

  • @kayfonso
    @kayfonso ปีที่แล้ว +136

    Порадовало соблюдение культуры кода и подробное комментирование своих действий. А не как у каких-нибудь Гикбрейнсов с их трёхчасовыми вебинарами, на которых 10 минут на отвали что-нибудь напишут, а всё остальное время впаривают свои курсы. Всех вам благ и побольше покупателей!

    • @UC1C0GDMTjasAdhELHZ6lZNg
      @UC1C0GDMTjasAdhELHZ6lZNg ปีที่แล้ว +15

      Нашел с чем сравнивать - Гикбрейнс дно индустрии, где на курсах преподают фрилансеры и на вопросы о каких-то свойствах отвечают примерно так: "не знаю, я это не использовал" вместо "не сталкивался, но я изучу и обязательно расскажу вам"

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

    Вы один из редчайших авторов, который объясняет так, что информация принимается с удовольствием. Вообще, умение чтото просто и доходчиво объяснить, это большой талант. Когда ищешь информацию, 9 их 10 авторов невозможно слушать - они пропускают что-то промежуточное, что им кажется очевидным, а нам это неизвестно, и теряется цепочка, приходится додумывать, возникают вопросы. Это как я сейчас начну объяснять, как сделать сложный парсинг строк, при этом опустив такие понятия как codepoint и codeunit. Вы даже в процессе указываете, какие сочетания клавиш в VSCode, и это круто, что до такой степени вы умеете преподносить материал. Спасибо вам большое, побольше видео от вас ждем!

  • @anafro_ru
    @anafro_ru ปีที่แล้ว +44

    Без преувеличений, WDM - один из лучших каналов, показывающих не просто какие-то базовые и скучные вещи, по типу "How to center a div", он создаёт и учит создавать волшебные и потрясающие веб-сайты! Надеюсь, однажды я смогу быть таким же крутым, как ты :)
    Спасибо!

  • @placid3495
    @placid3495 ปีที่แล้ว +341

    Чел, ты очень крутой, просто уникум на ютубе! Я хочу занести тебе денег, подписаться на все твои соцсети, вообще поддержать как только могу! Продолжай делать этот офигенный контент, прошу тебя никогда не останавливайся! Тебя послал нам сам Господь, не иначе)

  • @trueslav3999
    @trueslav3999 ปีที่แล้ว +7

    Удивительно сколько информации можно вместить в час видео. Я не новичок и хотел посмотреть пару моментов, но ты на сколько затянул, что весь час пролетел с удовольствием, а главное с огромной пользой!

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

    Я просто в шоке! Вы просто ГЕНИЙ. Впервые на TH-cam вижу контент такого качества! Шикарная дикция, голос и манера подачи материала! Спасибо вам огромное за то, что вы делаете!! Смотреть и слушать это чистый кайф!

  • @tosya1101
    @tosya1101 ปีที่แล้ว +7

    сказать, что я в восторге - это ничего не сказать! я в диком восторге!!!!! сел смотреть видос и ни разу не шевельнулся! как заворожённый наблюдал за ловкостью рук!!!!!!!!!!!!

  • @lsdkkdkkd
    @lsdkkdkkd 8 หลายเดือนก่อน +6

    я теперь оторваться не могу, просто двигаю мышкой и кайфую

  • @Ракель-ц7к
    @Ракель-ц7к ปีที่แล้ว +4

    Только начала изучать разработку, как же вы вдохновляете

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

    только открыл ролик и сразу понял)что час моей жизни будет самым крутым за сегодняшний день))спасибо)этот канал достоин большее кол. подписчиков!!!

  • @ОляшаМак-ь7х
    @ОляшаМак-ь7х ปีที่แล้ว +18

    Это невероятно крутая подача!
    Смотрела на одном дыхании и хочется ещё))
    Автор - ты чудо. Есть природный дар - учить людей новому очень легко и с кайфом!
    Буду ждать твои новые видео😍
    Счастья тебе !

  • @yourdima9790
    @yourdima9790 ปีที่แล้ว +15

    Невероятный парень, уровень твоего мастерства и искусства фронт дизайна на высшем уровне!

  • @neo3248
    @neo3248 ปีที่แล้ว +7

    Вы делаете потрясающие сайты)

  • @glebsuverin6975
    @glebsuverin6975 ปีที่แล้ว +6

    Как обычно Леха выдал крутую базу, красава! больше уроков

  • @Alex-bw3my
    @Alex-bw3my ปีที่แล้ว +2

    Хочу присоединиться к остальным участникам и поблагодарить за такой контент. Это круто!!! Спасибо!!!

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

    Я не занимаюсь веб дизайном, но это был час отличного времяпрепровождения! Чёткая, структурированная речь! Я кайфанул от урока )

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

    давно не заходил на канал, до сих пор уроки и примеры на высшем качестве, освежил некоторые знания из web, классная тема с переменными, очень занимательно)

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

    Посмотрел полчаса, а как будто прошло 5 мин. Реально круто и радует доступность и понимание кода, что зачем идет и как что работает. Лайк поставил даже не смотря видео.

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

    Ну это 10 из 10. Лучший пример, что я видел.

  • @AnatolyGradovoy
    @AnatolyGradovoy ปีที่แล้ว +4

    скупая слеза прокатилась по щеке.... ну почему когда я только начинал ковырялся в основах фронтенда, таких видосов не было.... лайк, поклон!

  • @nicefellow7929
    @nicefellow7929 ปีที่แล้ว +6

    Это произведение искусства!
    Ты во истину WebDesignMaster 👍

  • @web-dev-pro
    @web-dev-pro ปีที่แล้ว +3

    Урок супер. Смотрел полностью и с интересом, хоть и знаю большую часть (не о самом эффекте, просто подробно Алексей все разъясняет как для новичков), ни разу не мотал даже. Появилось желание где ни будь этот эффект применить.

  • @Levi-Ezio
    @Levi-Ezio ปีที่แล้ว +14

    Автор пожалуйста делайте больше таких видеоуроков у вас выходит очень отлично ❤❤❤❤❤❤❤

  • @arche3105
    @arche3105 ปีที่แล้ว +12

    Еще не посмотрел но сразу лайк ! По другому с вашими видео ни как!! спасибо за работу ❤

  • @saadd7
    @saadd7 ปีที่แล้ว +21

    Никогда не видел, чтобы кто-то делал такие красивые сайты. 👍

  • @НикитаРостовцев-ы1п
    @НикитаРостовцев-ы1п ปีที่แล้ว +1

    Боже, мой кошелек благодарит тебя за такие бесплатные уроки. Это пушка, спасибо!!!🔥

  • @БогданСтепаненко-к3т
    @БогданСтепаненко-к3т ปีที่แล้ว +1

    Блин, я разработчик, но я залип капец. Эта реч, это что-то нечто. Спасибо, Странно что у тебя только, ты крут!!!!!

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

    Благодарю. Интересная задумка. Первый раз вижу объёмную картинку на сайте

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

    шикарный урок!

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

    i dont even know u and i dont understand what talking bout but i really apreciate that
    thanks

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

    Воуу! Красотища! Я бы даже не ради сайта, а ради картинки занялся бы, но походу капец как сложно!

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

    Большое спасибо! теперь надо изучить внимательно, ничего не упуская

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

    Очень круто

  • @votemha
    @votemha ปีที่แล้ว +19

    За это видео я узнал больше, чем за 5 лет обучения

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

    на 24 секунде аж подписался...никогда не видел таких сайтов в реальности

  • @kapitankrolick
    @kapitankrolick ปีที่แล้ว +19

    хотела досмотреть до конца, потом написать комментарий, но не могу сдержать эмоций)) настолько это всё круто! Уже даже на 33й минуте это выглядело волшебно)) Спасибо, за подробное объяснение и, что кроме основного контента, уделяете внимание дополнительным фишечкам, полезность видео вырастает в разы. Не знаю, получится ли у меня такая красота, но буду пробовать. Вы меня вдохновляете💜

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

    за одно видео узнал больше чем за полгода в колледже ахахх, спасибо большое) попробую теперь локальный "сайт" с данной механикой, для презентации игры, спасибо большое)❤

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

    Просто лучший из лучших

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

    Лучший канал на ютубе !

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

    Вау дуже красиво

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

    Урок бомбический! Такой эффект очень круто придает жизни для страницы!

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

    Учился на факультете в своё время Технология и защита автоматизированных систем, не доучился, программирование меня добило, забил на это всё. А так завидую сейчас людям кто это всё умеет. С правильным направление мозгов это золотая жилка. Друг который это всё познал, сидит дома, потягивает вискарь и зарабатывает не малые бабосы, эх.....

  • @VV-hk8bq
    @VV-hk8bq 11 หลายเดือนก่อน +1

    Пока что это лучший урок, который я выполнил. Большое спасибо!

  • @igorsenichev3779
    @igorsenichev3779 ปีที่แล้ว +5

    Как всегда очень круто!!! 🔥🔥🔥👍

  • @АнтонЛесников-ъ3в
    @АнтонЛесников-ъ3в ปีที่แล้ว +2

    Алексей, это обалденный урок!! Спасибо вам огромное за такой материал, за все силы, которые вы в это вкладываете. Я прямо в восторге!

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

    вот это по истине круто реализовано!

  • @адыдааохуйрокроо
    @адыдааохуйрокроо หลายเดือนก่อน

    круто чувак, меня как раз создании сайтов всегда занимает разработка дизайна и всяких приколюх

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

    Да что такое, теперь и этот урок хочется повторить) Красота!

  • @имяфамилия-м3й1ч
    @имяфамилия-м3й1ч ปีที่แล้ว +1

    Нууу головааааа👍👍 Сколько опыта у человека, что такие сложные вещи для новичка объясняет как яишку жарить😅Спасибо за урок

  • @tigr9678
    @tigr9678 ปีที่แล้ว +5

    Спасибо за обучающие видео! Максимально понятная и приятная подача материала)

  • @jester-zu2yg
    @jester-zu2yg ปีที่แล้ว

    Очень полезное видео! Спасибо за подробное объяснение процесса написания страницы. Теперь я намного увереннее в своих навыках и готов начать работу. Буду ждать еще больше подобных видео от вас!

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

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

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

      Здравствуйте. Благодарю.
      1. Проверьте, разместили ли вы файл библиотеки в нужной папке.
      2. Проверьте, нет ли ошибок в консоли браузера.

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

    Лучший дизайн, что я видел)

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

    Это очень красиво!!!! Я в восторге!!!

  • @ДмитрийГорбуля-с3с
    @ДмитрийГорбуля-с3с ปีที่แล้ว +4

    Благодарю тебя, мастер ! Ты лучший !

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

    Ооо годнота подъехала! Спасибо 🙏🏻

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

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

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

      Обертку части текста можно выполнить на фронтенде, либо с помощью регулярных выражений, либо по количеству слов. Тег br же нужно будет вводить пользователю через систему управления контентом вручную. Однако не рекомендую давать пользователю хоть какие-нибудь инструменты дизайна. Если использовать br, придется писать более сложное выражение для автоматической разбивки Поэтому как показывает практика, проще и лучше обернуть в span.

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

    Мы ждали этого

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

    Урок ❤️‍🔥❤️‍🔥❤️‍🔥 Спасибо огромное!

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

    Прекрасное видео, единственный момент который можно улучшить это центровка логотипа, я бы применил бы left:50%; transform: translateX(-50%); и он будет всегда по центру

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

      Спасибо. Да, так я и сделал изначально. Проблема в композиции. Здесь акцент - это круг и именно он должен быть центрирован, а не весь логотип. В противном случае, мы получим съехавшую влево композицию, попробуйте и убедитесь сами)

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

      @@wdm ну в таком случае абсолютно согласен с Вашим решением

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

    Ща спою, от эстетического удовольствия...

  • @АнтонБабкин-ъ3б
    @АнтонБабкин-ъ3б ปีที่แล้ว +1

    Отличный урок :) Все очень подробно и понятно изложено. И очень красиво :)

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

    Реальное крутое и полезное видео! В закладки!

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

    Спасибо, продолжай делать!, буду поддерживать

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

    очень круто делаешь уроки и то что на них делаешь 👍👍👍 благодаря тебе апнул скил верстки

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

    Это божественно, спасибо!

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

    Спасибо огромное, невероятно ценный материал!

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

    Капец, я залипла, шикарный урок!

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

    Благодарю за прекрасную подачу материала, подробное описание каждого своего клика, и скидку на курсы! Спасибо, большое!

  • @Kiki-rg7ds
    @Kiki-rg7ds ปีที่แล้ว +1

    코팅 대천사...💜💜💜💜💜💜💜💜

  • @ИринаСвятецкая-х6е
    @ИринаСвятецкая-х6е ปีที่แล้ว +2

    Очень круто ! Благодарю за подробный и понятный урок)

  • @НиколайТвердохлеб-э1ш
    @НиколайТвердохлеб-э1ш ปีที่แล้ว +1

    Просто ВАУ, мегасупер!

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

    Благодарю за урок!

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

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

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

    Очень круто,повторила на одном дыхании!спасибо

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

    Хоть я отношения не имею к front'у, но всё же огромное спасибо, очень интересно! 👍

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

    Очень жду новый гайд, интересно какую идею вы представите на этот раз❤

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

    one of the best videos I have ever seen! thank you! amazing

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

    Спасибо за прекрасный материал.

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

    Тааак крууутттооооооооаоаоаоаоаоаа❤❤❤!!!

  • @НиколайШироков-т7л
    @НиколайШироков-т7л ปีที่แล้ว +1

    Большое спасибо за урок!

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

    Здравствуйте, подскажите пожалуйста, есть ли руководство, для того чтобы создать стартовый инструментарий, показанный вначале видеоролика?) Чтобы можно было писать код, вставлять картинки и в режиме онлайн смотреть как преображается сайт?)

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

      Здравствуйте. На странице урока есть ссылка на урок по VSCode, там рассматривали настройку, в том числе и Live Server.

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

      @@wdm Спасибо...) Теперь я имею собственный лайв сервер, где пишу свой текст рядом с вашим и радуюсь тому как страничка в браузере меняется на глазах!)
      P..s Для тех кто тоже ищет, вот ссылка на урок. th-cam.com/video/JSGPd1E16-o/w-d-xo.html

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

    Господи, я только нашла вашу группу, теперь не могу уйти пока все не посмотрю и не попробую.❤❤❤❤❤❤🎉🎉🎉🎉🎉
    Подскажите, а есть видео отдельно по созданию фона? Вот у Вас прекрасный лес. А я хочу тож так сама сделать,но ничего не знаю по этой программе 😢, подскажите, пожалуйста.

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

    это просто вау, жаль
    что про бэк таких крутых видео мало

  • @grawiygroup
    @grawiygroup 7 วันที่ผ่านมา +1

    Excellent 🔳

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

    Спасибо за урок. Видос пушка

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

    Can we get english subtitles? Ireally loved your work?

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

    Вау! Очень круто👌👍💪🔥🔥

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

    Классный урок, спасибо 👍🏻

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

    Я ничего не понимаю в коде, но очень нравится результат)))идея класс🤩

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

    Не, ну это подписка, объективно

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

    Очень крутое и залипательное видео а также очень красивый результат. Тебе жирный лайк 👍 и большое спасибо за отличный контент .

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

    Круто и понятно. Спасибо!

  • @ЧтодаКак-б2ъ
    @ЧтодаКак-б2ъ ปีที่แล้ว +3

    О боги, какая красота❤ я получила визуальный оргазм... простите ❤

  • @abab-uo9zj
    @abab-uo9zj ปีที่แล้ว +2

    Спасибо за видео! Очень красиво.

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

    Невероятно красиво *_*

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

    Очень круто 🔥👍