Build a page with sonic speed!
I’m newbie in Webflow and I'm trying to study this service for further development in the field of web development.
Why Webflow? To me at first glance it seems to be convenient, practical and good for learning from scratch.
I'm at such a level of development as if I just appeared on the starting island in a game :D
For example I can create a simple website template with link buttons and some animation.
There is a thorny and interesting path ahead of me. Maybe I'll get to defeat the dragon at the end and save the princess!
All right, let's go!💪
Did you know you can construct your page very fast?
Yes, you don't have to create each element separately, edit and optimize for all screens.
It's all about such a wonderful thing as "Layouts"! It's like ready-made builds for your character :)
With “Layouts” you can prebuild in Webflow simply. There are 11 of them.
Let's look at a few of them (Sticky Nav, Hero and Cards Section for exemple)
I will use some description from the Webflow website:
Sticky Nav – this layout is made up of some links, buttons and a logo.
Hero – is made with a flex layout that has a heading, intro copy, and a call-to-action button on one side, and an asset (image or video) on the other.
Card section – is made up of typographic elements (heading and paragraph) and grid. Grid allows you to easily create 2-dimensional layouts (horizontal and vertical).
Use them on your blank canvas. Like on the screen below just drag them into the Body.
Wait, wait, wait...what is the Body? Well when you start building your project, you start with a blank page. The Body element represents this page.
As you can see all of Layouts are prebuilted. They have class, spacing settings and position (for Nav bar as example). Of course, you can change all these settings at your discretion.
And all of the Layouts are cascaded. You can check it just by clicking on the other breakpoints.
This is a very cool feature. As I said earlier, you don't have to customize all the elements for each screen.
Thanks to this tool you can easily prebuild the page and then customize as you want.
Сonvenient, practical, reliable!