AirPods Pro Website with Webflow | Webflow Tutorial

AirPods Pro Website with Webflow | Webflow Tutorial

Moritz Petersen

4 года назад

68,201 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Olga Kobleva
Olga Kobleva - 06.10.2023 17:45

The best tutorial! Thanks a lot. You saved me a few weeks to complete my project

Ответить
Kontakt Concly
Kontakt Concly - 13.03.2023 16:20

richtig gut gemacht !

Ответить
kalana yapa
kalana yapa - 22.11.2022 19:36

Need tutorial about webflow.. plezzz

Ответить
ConcepcionTV
ConcepcionTV - 25.09.2022 18:00

Can you change the photo of the apple pod

Ответить
Renzi Delposo
Renzi Delposo - 14.09.2022 17:40

I need more please huhuhu

Ответить
galax galaxy
galax galaxy - 29.08.2022 20:32

Hi bro, great job, how do i get all jpg file like the one you used, I wanted to change the animation in after effects 😊 that's why I wanted these files, thanks in advance.

Ответить
Yash Kumar
Yash Kumar - 25.07.2022 18:26

How is the navbar following you across the page please help me out?

Ответить
· NOI ·
· NOI · - 15.04.2022 22:15

When you‘ve went through the whole video blurry and couldn‘t understand if he was trying to VH, PH, or use some weird acronym for percentage now you have to start all over once you realize it was VH 🥴

Ответить
Aniclub
Aniclub - 31.03.2022 13:33

Thank you for amazing tutorial! If you make webflow tutorial course on udemy or something like this i will definitely buy your course.

Ответить
Hera
Hera - 24.03.2022 12:39

I liked your website so much . Such a nice use of animation !! 😍😍😍😍

Ответить
Epic Villain
Epic Villain - 20.02.2022 14:22

Would’ve been nice if even a single thing was explained. It’s not a tutorial if you just copy exactly what you’re putting in.

Ответить
Mohinur Kuziboeva
Mohinur Kuziboeva - 27.01.2022 13:32

Teach us how to do this in Adobe xd. Thank you1

Ответить
KHALED GOOSE
KHALED GOOSE - 16.12.2021 00:51

Hi Moritz,

This is tremendous. I really appreciate your tutorial. You've put me on the path to building something tremendous.

Just one question, when I build my site the Lottie animation is choppy as I scroll down (it stutters). Any reason for this?

Appreciate your work man!

-Khaled M.

Ответить
PeekABooBeatz
PeekABooBeatz - 28.11.2021 16:15

was bist du für ein kranker typ.. einfach super.. mano man .. wirklich cool.. kannst du das nicht einfach nochmal auf deutsch hochladen?.. musst ja einfach nur nochmal auf deutsch draufsprechen.. wäre so super. vielleicht machst dus ja .. danke im voraus.

Ответить
AIRSAY SMILES
AIRSAY SMILES - 27.11.2021 20:06

How did you get the lottie animations

Ответить
Ben Murrells
Ben Murrells - 12.11.2021 21:24

Would you be able to make the rest of the AirPods animations a Json file

Ответить
Thiago Silvino
Thiago Silvino - 31.10.2021 02:08

Very helpful thanks!

Ответить
Anh Đức Phạm
Anh Đức Phạm - 17.09.2021 12:32

thank you so much for sharing this

Ответить
James James
James James - 09.08.2021 18:38

Can you do more tutorials inc. one showing how to make an apple look-a-like responsive nav menu, and responsive footer menu. Thanks : )

Ответить
Franz Escolastico
Franz Escolastico - 30.06.2021 16:10

Awesome! More Webflow tutorial please :) You earned a sub :)

Ответить
Paras Jain
Paras Jain - 28.05.2021 16:57

Thank you ! It was a great lesson !

Ответить
bankole dada
bankole dada - 24.05.2021 12:32

Well done man, its 2021 and this is still good stuff

Ответить
Ali Amin
Ali Amin - 12.05.2021 14:46

This is absolutely amazing! Subscribed.
Do you think you will be making the complete tutorial anytime soon?

Ответить
Beyond Saqi
Beyond Saqi - 07.05.2021 11:46

Absolutely amazing ❤️

Ответить
Felix Quansah
Felix Quansah - 20.02.2021 12:11

Thank you Moritz....this video is absolute gold. It’s unfortunate we don’t get more uploads. Is there anything the community can help to get you upload more. Thanks again🙏🏽

Ответить
Sudiksha Khanduja
Sudiksha Khanduja - 20.02.2021 03:52

When you animate the first hero bullet point and preview it, it seems you paused the video and refactored your code and then uploaded because following your steps i am not able to animate the first hero bullet and hence all hero bullet points. Please help?

Ответить
Shadil
Shadil - 18.02.2021 10:10

Amazing

Ответить
In Summary
In Summary - 29.01.2021 22:24

❤️Dude seriously this is awesome

Ответить
AV B
AV B - 25.01.2021 00:53

Great video Moritz, question. Any reason on the say the first sequence they 147+ pictures when there are only 17/20 scrolls?

Ответить
Carl Kho
Carl Kho - 12.01.2021 19:37

I am so pumped to have finished this! Thanks, Moritz!

Ответить
The TopShottah
The TopShottah - 20.11.2020 20:01

Woah :o you should do more videos about taking files from adobe after effect and using the json data that was really insightful thanks. Webflows face ain't 🐊 around here sticking with 🍦 J's round here

Ответить
Pragya Priya
Pragya Priya - 03.11.2020 08:16

I must have been missing some thing after copy pasting the link bar there’s no gap between them

Ответить
Oswaldo Solá
Oswaldo Solá - 29.10.2020 22:09

Thanks Moritz, this tutorial is really helpful. When I check the apple page the hero's animation loads smoothly the first time, while in webflow it loads abruptly. I have tried different types of animations and nothing seems to work. Any ideas to correct this? I hope you can answer me to finish the project. Thanks in advance...

Ответить
Tarik Eamin
Tarik Eamin - 26.10.2020 12:51

Make the tutorial for this please "iPhone 12 Pro Rebuild"

Ответить
Kyle Daudelin
Kyle Daudelin - 11.09.2020 00:56

I followed your tutorial step by step and still get render failed. any ideas what it could be? I used the images from apple like you but I'm going to be using this for work application. any help is appreciated! thanks!

Ответить
Felix Quansah
Felix Quansah - 10.09.2020 19:00

this was really helpful, hoping to learn more from you.Thanks for this tutorial

Ответить
Debby Hampton
Debby Hampton - 28.08.2020 12:45

Excellent tutorial! Can you also do a tutorial on Zyro? I read that it's the fastest-growing website builder right now, and I would like to learn to use it.

Ответить
Lukas Eriksen
Lukas Eriksen - 18.08.2020 15:52

Is there any way of doing something like this is Squarespace?

Ответить
Alexius Argos
Alexius Argos - 09.08.2020 02:45

If you’ve downloaded bodymovin and set it up but still get render failed, go to after effects preferences > scripting & expressions > check the first box to allow scripts to write files

Ответить
D Hadji
D Hadji - 03.08.2020 02:27

Can you show us how you built the iPhone 11pro site?

Ответить
Lewis Child
Lewis Child - 26.07.2020 11:19

Hey man, I've copied all of your bodymovin settings, but it keeps failing to render. You got any idea?

Ответить
Lavan SJ
Lavan SJ - 24.07.2020 15:48

I just wanted to hide the side scroll bar. Is it possible

Ответить
Thomas Macfarlane
Thomas Macfarlane - 22.07.2020 20:23

This is Rad. Thank you for the great tutorial!

Ответить
Axel J. Sannino
Axel J. Sannino - 10.07.2020 15:11

I'm using Webflow on daily basis but you're playing in another category. You're working so fast its insane. Thanks for this tutorial I learned a lot.

Ответить
Honnest movie Reactions - Tamil J
Honnest movie Reactions - Tamil J - 15.05.2020 01:01

Great Video !!! Many thanks really helpful. We need morrrreee videos like that Moritz

Ответить
Michael Ungar
Michael Ungar - 11.05.2020 13:43

How where you able to make your chrome tabs so small? Is this a plugin?

Ответить
Oliver Williams
Oliver Williams - 04.05.2020 23:16

Thank you so much!
Keep up the good work :)

Ответить
key ron
key ron - 01.05.2020 12:39

i have no words Moritz!! I am 1 minute in, and I already love the way you are explaining everything. I was just curious about the animation and you covered it already!! Beautiful work bro!

Ответить