How to build a dynamic progress navbar in Webflow


Hey Webflow developers,

Thanks for tuning into this issue of FlowLetter, where I share the best tutorials, apps, and news from the world of Webflow. Here's what I've got for you this week.

Resources of the week

Add a dynamic progress navbar

Tutorial

If you're looking for an alternative navigation style, check out this tutorial from Nikolai Bain. It's a floating navigation that shows progress as you scroll. Ideal for one-page designs.

Have someone else take care of the dreaded cookie consent banner

Service

A turnkey service that charges a one-time fee to implement a cookie banner in Webflow that matches your design and is 100% GDPR compliant.

Add a background transition to your navigation

CSS Trick

Add a background transition to your navigation when visitors scroll down on your page with custom CSS.

An alternative to Zapier and Make.com

Resource

If you're looking for a cheaper alternative to Zapier or Make.com, consider Relay. It has a Webflow integration and friendly prices.

Webflow news

You can finally add code blocks to rich text in Webflow. In the past, I've had to rely on GitHub or other code-hosting sites to share a simple code snippet. I'm happy this is now natively supported in Webflow.

Personal note

This week, I discovered that McGuire Brannon, who you probably know from the Oscar-worthy Webflow University videos, is starting a new company and documenting it on his YouTube channel.

As a newcomer to content creation, I find his videos incredibly inspiring. Here's one on creating and consuming in tech in 2024 that talks about how the best creators are also avid consumers and the insights you can get from speaking to content consumers.

The video speaks to me on many levels. For one, this newsletter is a perfect example of what he's talking about. Every week, I consume a ton of Webflow-related content to bring the best of it to you.

Anyway, give him a subscribe to follow his journey.


Share Flowletter

I wanted to thank you for reading this newsletter.

If you find it helps you grow as a Webflow developer, why not share it with a friend? Just send them my link and invite them to subscribe. It will help me a ton to grow this awesome community!

Useful links

​Webflow pre-launch checklist – the checklist I use to launch my Webflow websites to dot the Is and cross the Ts.

IdeaPad – my Notion system for capturing all my product/business ideas.

My User Interview Toolkit– my 10+ years of talking to users summarized in one step-by-step guide with templates to get you started.

FlowGo – our Webflow design agency I run with my wife. If you want to save time building marketing websites or complex projects, we'd be happy to help you.

👋 Thanks for reading! See you next Sunday!

Ondrej @oprostrednik

Did you learn something new from this week's issue?

👍 Yes
👎 No

FlowLetter

A newsletter for the Webflow community. Sharing tools, tutorials, and my insights from building our Webflow agency.

Read more from FlowLetter

Hey Webflow developers, Thanks for tuning into this issue of FlowLetter, where I share the best tutorials, apps, and news from the world of Webflow. Here's what I've got for you this week. Resources of the week How AI supercharged my Webflow development Resources What AI tools do you use in your Webflow development? Here are my 8 favorite Webflow AI tools that help me develop daily. Read my article Discover the NEW Webflow CSS Custom Property feature Learn Something New Webflow unlocked the...

Hey Webflow developers, Thanks for tuning into this issue of FlowLetter, where I share the best tutorials, apps, and news from the world of Webflow. Here's what I've got for you this week. Links of the week A client process for high-ticket web design Learn Something New Anna Hickman walks you through everything you need to know about leveling up your web design practice and charging $10k for your project. Everything from conducting efficient sales calls to off-boarding with testimonials....

Hey Webflow developers, Thanks for tuning into this issue of FlowLetter, where I share the best tutorials, apps, and news from the world of Webflow. Here's what I've got for you this week. Links of the week Which Webflow framework should you use for your next project? Learn Something New Caleb Raney walks us through 3 of the most popular Webflow design frameworks – ClientFirst, MAST, and Lumos. Read this to get an idea of the pros and cons of each and which one you should use for your next...