Get into good Webflow habits by avoiding these common mistakes that I made when I was getting started! Sponsored by Webflow: https://wfl.io/tips It’s all fun and …
hi, i have seen a number of your webflow videos and I am interested to try it out. However I am confused by the plans. I am doing freelance web designs for clients. Will you be able to advise on the different plans that webflow offer? Thanks!
Great video! This week I walked into work and was greeted with "hi! Make these site changes in Webflow!" having never heard of it before.
Hi Charli! I dig your videos and podcast – thanks for the content. Question, why would you use Webflow over WordPress? I've been demoing Webflow, and it seems much easier to use something like Divi in WordPress. What are the advantages of this platform?
I still think the Nav bar should have more options, like full screen, animation for the burger icon etc.
Almost Elementor Pro😀😉
Charli I love your videos. I am so proud to see a girl being everything that she can be. <3 Thank you! #girlpower
I caught this video just in time! I was about to make ALL these noobie mistakes.. great video. Many thanks Charli 👍🏼
Great tips! Styling the default tags (headings, links, p, etc.) like you mentioned at 3:45 is a huge time saver. If I had to include another thing to watch for it would be the way Webflow handles global and combo classes. It’s somewhat confusing in their UI and may be worth setting up your own components separately, similarly how you styled those default tags.
Are you considering doing a webflow masterclass?
yessss can we get more webflow deisgn videos?
Awesome video Charli!
A few mistakes I made that I wish I had learned early on:
– Absolute styled elements are positioned absolutely within their relative parent (I used to be so confused why something in absolute position would end up in the section above until I learned this)
– I didn't use symbols for a while until I learned that you can create them (super useful for navs, footers, contact sections or other repetitive elements on your site).
– Start styles at the desktop breakpoint, not at the mobile breakpoint because otherwise you'll have to style those elements again from desktop -> to mobile
– Using borders on elements for hover states requires that you add a border for the static state too in order to prevent elements jumping around (semi-pro tip, use box shadows instead. They work just as well and don't require styling a static style/usually can do A LOT more than border styles)
– I definitely missed the global styles piece until I started all projects with a style guide where I'd set global styles for typography etc. Making a style guide for a project makes the project go SOOO much faster from concept to final iteration in my experience.
Great video! Very useful
Thank you Charli for sharing your knowledge it is much appreciated.
Great video, i always get something out of these
You and your videos are amazing❤
Your email address will not be published. Required fields are marked *
Save my name, email, and website in this browser for the next time I comment.