Nav Takeovers | Webflow Development Tutorial

Опубликовано: 13 Март 2021
на канале: Jose Ocando
6,196
211

-- SKILLSHARE --
If you're a beginner or intermediate user, check out my Skillshare class: "Webflow for Beginners." Together, we create a simple one page portfolio website for a photographer, starting with the assumption you don't have any experience with HTML, CSS, or Webflow. Use the link below to get 2 months of Skillshare for free.
https://skl.sh/2PU9tML

ABOUT -
Nav Takeovers are a beautiful way to introduce users to all the content on your site without overwhelming them. We'll take a look at three inspiration sites and then dive into Webflow development.

Project Site
https://jocando-tutorials.webflow.io/...

Read-Only Link:
https://preview.webflow.com/preview/j...

CHAPTERS -
Chapter 01 | Inspiration Sites - 00:48
Chapter 02 | Styling the navbar - 02:14
Chapter 03 | Styling the nav menu - 07:05
Chapter 04 | Animating the nav menu - 26:32
Chapter 05 | QA-ing the nav - 36:40
Chapter 06 | Closing Thoughts - 47:00

All Tutorials:
https://jocando-tutorials.webflow.io/

INSPIRATION SITES -
Provider Store
https://www.providerstore.com.au/

Bruno
https://www.callbruno.com/en/

Bonjour Paris
https://www.bonjour.agency/en

NAV TUTORIALS -

Pixel Geek
   • How to Webflow: Full screen menu - Tu...  

Timothy Ricks
   • Building a Better Webflow Menu With a...  


ABOUT ME -

Dribbble
https://dribbble.com/Jose_Ocando

Twitter
  / jaocando  

Instagram
  / jose.a.ocando