- Видео 8
- Просмотров 29 837
Bjorn Encuţescu - Webflow Tutorials
Румыния
Добавлен 29 авг 2019
Welcome to my channel!
I’m a Creative Webflow Developer passionate about teaching you how to build interactive, scalable websites with custom animations and complex interactions.
Whether you’re a beginner or advanced user, my tutorials break down the process, making it easy to bring your creative visions to life using Webflow.
Let’s push the boundaries of what’s possible in web design together!
I’m a Creative Webflow Developer passionate about teaching you how to build interactive, scalable websites with custom animations and complex interactions.
Whether you’re a beginner or advanced user, my tutorials break down the process, making it easy to bring your creative visions to life using Webflow.
Let’s push the boundaries of what’s possible in web design together!
Webflow Interactions / Scroll Snapping to Next Section & Switching Elements on Click/ BF4 Rebuild #4
The 4th part of the Battlefield 4 tutorials. Let me know if you want to see more tutorials on how some things from the Battlefield 4 rebuild were created!
0:00 What We're Going to Create
1:54 I. Creating The Scroll Snipping Effect
8:20 II. Creating The Structure For Switching Elements on Click
14:07 III. Creating The Interaction For Switching Elements on Click
16:41 Final Thoughts
Links mentioned:
• Clone the Battlefield 4 Webflow Rebuild: webflow.com/website/battlefield-4-webflow-rebuild
• Scroll Snipping Tutorial: ruclips.net/video/o_lWNEevHJo/видео.html
• Scroll Snipping Code Clone: webflow.com/website/Pure-CSS-Scroll-Snap-Action-like-Scrollify
• Do you need web design & development? Get in touc...
0:00 What We're Going to Create
1:54 I. Creating The Scroll Snipping Effect
8:20 II. Creating The Structure For Switching Elements on Click
14:07 III. Creating The Interaction For Switching Elements on Click
16:41 Final Thoughts
Links mentioned:
• Clone the Battlefield 4 Webflow Rebuild: webflow.com/website/battlefield-4-webflow-rebuild
• Scroll Snipping Tutorial: ruclips.net/video/o_lWNEevHJo/видео.html
• Scroll Snipping Code Clone: webflow.com/website/Pure-CSS-Scroll-Snap-Action-like-Scrollify
• Do you need web design & development? Get in touc...
Просмотров: 2 920
Видео
Webflow Interactions / Different Card Hover Effects & Custom Slider / BF4 Rebuild #3
Просмотров 1,1 тыс.3 года назад
This is the 3rd video from the Battlefield 4 rebuild series. Check out the previous two videos, and stay tuned for the next one on how the sticky scroll to the next section was created on this rebuild. 00:00:00 What We're Going to Create 00:01:04 I. Creating The Custom Slider's Structure 00:10:48 II. Creating The Custom Slider's Interaction 00:19:46 III. Slider Settings 00:20:33 IV. Creating Th...
Webflow Interactions / Custom Tabs, Switching Effect & Elements Exiting The Pages / BF4 Rebuild #2
Просмотров 4,1 тыс.3 года назад
Another way you can customize tabs, add a switching effect between them, make the elements appear like they're exiting the page and make the background move while changing tabs. 0:00 What We're Going to Create 1:20 I. Creating The Main Structure 2:16 II. Creating The Tabs Structure 6:35 III. Creating The Tabs Content Structure 8:07 IV. Tabs Menu - Hover & Current Effects 12:10 V. Tabs Switching...
Webflow Interactions / Fullscreen Custom Tabs and Switching Pages Up & Down Effect / BF4 Rebuild #1
Просмотров 1,2 тыс.3 года назад
Showing you how to customize tabs in Webflow and how much you can create with them. For the interactions we're going to learn how to create the current & hover effects on them, and also the switching between the tabs effect that appears like they're different pages because they're fullscreen. 0:00 What We're Going to Create 1:23 I. Creating The Main Structure 3:50 II. Tabs Menu - Creating The S...
Webflow Interactions / Change Nav Bar's Color Per Section & How Scroll Into View Works/Plink Rebuild
Просмотров 9 тыс.3 года назад
An interaction that is more complex than it looks. I hope it makes sense, but if you have questions leave them in the comments below. This interaction works for 3 sections only. New tutorial coming soon for creating this interaction for more than 3 sections. 0:00 What We're Going to Create 0:49 I. Explaining The Structure 2:41 II. Explaining Interaction & How Scroll Into View Works 9:17 III. Cr...
Webflow Interactions / Play Lottie Files & Other Elements in Viewport / Pitch Rebuild
Просмотров 8503 года назад
How you can animate Lottie files and other elements to play in the viewport. 0:00 What We're Going to Create 0:36 I. The Structure 2:05 II. The Interaction 7:30 Final Thoughts Links mentioned: • Clone the Pitch Webflow Rebuild - webflow.com/website/Pitch-Webflow-Rebuild • Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/ • Follow my daily tips on Instagram 👉instag...
Webflow Interactions / Custom Cursor, QR Code Reveal & Text Blending Mode / Plink Rebuild
Просмотров 5 тыс.3 года назад
How the scan section on Plink's website was created in Webflow. 0:00 What We're Going to Create 0:50 I. Custom Cursor Structure 4:56 II. Custom Cursor Interactions 11:43 III. Text Blending Mode 15:00 IV. QR Code Reveal 24:11 Final Thoughts Links mentioned: • Clone the Plink project: webflow.com/website/Plink-Webflow-Rebuild • Custom Code: www.notion.so/brandenstein/Text-Changing-Color-on-Custom...
Webflow Interactions / Zooming Out Effect While Scrolling / Pitch Rebuild
Просмотров 6 тыс.3 года назад
Showing you how Pitch's old hero section can be created in Webflow. 0:00 What We're Going to Create 0:40 I. Creating The Structure 7:46 II. Creating The Interaction 11:22 Final Thoughts Links mentioned: • Clone the Pitch Webflow Rebuild - webflow.com/website/Pitch-Webflow-Rebuild • Do you need web design & development? Get in touch 👉 bjorn-encutescu.webflow.io/ • Follow my daily tips on Instagr...
🚀 Exciting Updates Coming Soon! 🚀 I’ve got new content and updated tutorials on the way-stay tuned for a fresh version of this video and more complex Webflow interactions! 💻 Make sure to subscribe and hit the notification bell 🔔 so you don’t miss out on the latest tips and tutorials! ✨
🚀 Exciting Updates Coming Soon! 🚀 I’ve got new content and updated tutorials on the way-stay tuned for a fresh version of this video and more complex Webflow interactions! 💻 Make sure to subscribe and hit the notification bell 🔔 so you don’t miss out on the latest tips and tutorials! ✨
🚀 Exciting Updates Coming Soon! 🚀 I’ve got new content and updated tutorials on the way-stay tuned for a fresh version of this video and more complex Webflow interactions! 💻 Make sure to subscribe and hit the notification bell 🔔 so you don’t miss out on the latest tips and tutorials! ✨
🚀 Exciting Updates Coming Soon! 🚀 I’ve got new content and updated tutorials on the way-stay tuned for a fresh version of this video and more complex Webflow interactions! 💻 Make sure to subscribe and hit the notification bell 🔔 so you don’t miss out on the latest tips and tutorials! ✨
🚀 Exciting Updates Coming Soon! 🚀 I’ve got new content and updated tutorials on the way-stay tuned for a fresh version of this video and more complex Webflow interactions! 💻 Make sure to subscribe and hit the notification bell 🔔 so you don’t miss out on the latest tips and tutorials! ✨
🚀 Exciting Updates Coming Soon! 🚀 I’ve got new content and updated tutorials on the way-stay tuned for a fresh version of this video and more complex Webflow interactions! 💻 Make sure to subscribe and hit the notification bell 🔔 so you don’t miss out on the latest tips and tutorials! ✨
🚀 Exciting Updates Coming Soon! 🚀 I’ve got new content and updated tutorials on the way-stay tuned for a fresh version of this video and more complex Webflow interactions! 💻 Make sure to subscribe and hit the notification bell 🔔 so you don’t miss out on the latest tips and tutorials! ✨
🚀 Exciting Updates Coming Soon! 🚀 I’ve got new content and updated tutorials on the way-stay tuned for a fresh version of this video and more complex Webflow interactions! 💻 Make sure to subscribe and hit the notification bell 🔔 so you don’t miss out on the latest tips and tutorials! ✨
custom code link does not working,,,,,,,
Would you have the code export by any chance? Thanks for the awesome tutorial
Thanks for the great tutorial!
Came here looking for gold, but found diamond!
Clear, concise, fast. The best Tutorial!
I've used the template but when I try to use it on my site the lottiefile (.json) is not showing. Also, checked the size and it have almost 3mb. There a way around to fix that?
Great video. If possible, please add more videos. You contents are so valuable.
Great tutorial! How did you make the 3d lottie animation?
This is a great tutorial! What should I do if the logo has also an icon? On default state icon and text are different colors, on scroll, logo is one single color. Thanks!
Thank you very much, bro, you save my future time on hover effect, I wish I found your video 6 hours ago, 😅
Thank you I wanted to challenge myself, I'm new to webflow. Best way to learn hard core skills is to look for them :3
I’ve been looking for a full page tabs tutorial for so long! And this BF4 clone is amazing! You’re so talented! Subscribed!
Amazing tutorial..thnxx for sharing
Andreea Cuteski i'll Smash, thank you
You are so sweet... Please upload more
Why don't you upload anymore... You are amazing
Thank you so much for this! The scroll explanation visuals helped me massively with a problem I had been working on for hours ! Great vid
Frumos explicat. :)
OMFG. I am a massive Battlefield fan + webflow is my business. Talk about combining work and play, this is so good!!
Great video thank you! How did you create the animations? Did you create them yourself in software or download them from a library?
lob ur work
Thank you for this. Easy to follow. Can I ask why you added a small movement on the Y-axis? Is this to correct the visuals not being centered or was it for a technical reason?
Badass!!!! Thank You, this was an amazing tutorial! 😎
Oh my god, this is really amazing. Thank you so much for sharing this! Really helps me a ton
very powerful content! much appritiated
Huge thanks!
You're welcome!
Thank you!
You're welcome!
this is such an awesome video thank you so much
Glad it was helpful!
Amazing dude!
Glad you think so!
Super!!
Great Stuff! Subscribed
Awesome, thank you!
cool
fantastic
Glad to hear it! :)
Superrrrr!!! thank youuu
My pleasure!
Absolutely Wonderful! A lot of useful tips right here. Thanks a lot.
Great to hear! You're very welcome!
Thank You!
You're welcome!
i just came back to germany after hiking in romania and was looking for webflow tutorials, funny how the algorithm works :) Can you make video about creating a modal with included tabs? I working on a teams page right now and want to have a modal so that if i click on one of the employees it shows me the image bigger and the option to choose between contact and vita. cheers
I hope you had a wonderful vacation! Do you have an example of what you want to develop in Webflow so I can understand better? You can send me a video / link on my IG: instagram.com/bjornflow/ or on LinkedIn: www.linkedin.com/in/bjorn-encutescu/
@@bjornflowtube It was awesome (fagaras&sibiu). I will contact you with what i have in mind.
🤩
You're amazing! Absolutely amazing! Thank you for your content.
Thank you, you're so welcome!
Fab👍
I am so glad I have landed on your channel. I am new to web flow too. I am learning to design websites importing my Graphic design skills. Thank you
That's awesome! I'm glad you find my tutorials helpful :)
great tutorial, thanks
You're welcome! I'm glad you find it helpful :)