🔥 Learn @webflow in 10 tweets (even if you're a beginner) 👇
1/10
First: how websites are structured:
- HTML is the content on the page
- CSS is for position, fonts, colors, etc
- For dynamic sites, a database stores the content
Normally, you need code to turn this into website.
Webflow does it for you, visually! đź’Ż
2/10
To understand Webflow:
You need to understand the box model. It’s the key to putting things where you want them to be.
- Everything on a web page is made up of boxes
- CSS let's you adjust the style and position of each box
- The most common “box” is called a div
3/10
Webflow lets you build visuallyđź‘€, without code. Simply drag in components to build your site. Components include:
- Text
- Forms
- Images
- Video
- Buttons
- Divs (boxes to help position content where you want)
4/10
After dragging in a component, check the navigator. This is where the box model comes in.
You can see which components are within other components (inside other boxes) with indentations.
You can put as many components inside other components that you’d like.