I hope you enjoyed the presentation!

This website took me 6 hours to make from scratch.

68 classes, 21 interactions, 15 images, 1 page

Site created by Minewire Design. ← Click here

What is Webflow?

Let’s explain the basics.

Web 2.0 is the second stage of development of the World Wide Web, characterized especially by the change from static web pages to dynamic or user-generated content and the growth of social media.

You can create Interactions, Classes, Symbols and all sorts of other neat things to bring your creative idea to a reality.

Webflow allows you to start with a blank canvas, which means that there is no need to use templates.

Back

Webflow is a web development tool that allows you to create responsive websites with ease. Many large businesses like IBM and CNN use it to develop prototypes of their sites.

Pros and Cons

What reasons do I have to get this?

The benefits of Webflow are numerous. It makes your job a lot easier if you simply want to create your own unique designs.

Instead of being stuck with a template, you can start from scratch, like I did on this website.

Webflow is built on how the web is supposed to work. They use a box model and clean code generation to do this.

For you bloggers, Webflow is going to release CMS support soon.

Webflow was designed very well and has little problems. Most of these will be fixed in future updates.

You can’t add parallax animation without custom code.

You can't export code without having a plan.

You can’t delete images from your site. They literally added this feature when I went to sleep last night.

Back

How will I Benefit?

What will this do for me?

Webflow allows you to not only create websites, but also create templates. That means that you can earn money while sleeping.

If you are sick of using Microsoft Office for presentations, you can request to use Webflow like I have done 3 times this year. This website was built in Webflow.

Using Webflow to design sites for people as a freelancer is a great experience.

Webflow allows you to use custom code, of course, to edit as well as export all of your website code.

Back

Graphene template, designed by me

Instructions

Here is how to use it.

Webflow in it’s most basic form is dragging objects on to the page, then adding classes to them to style them.

Classes allow you to change an object’s color, gradient, height, width and much more.

Interactions are a large part of developing in Webflow, which makes creating CSS3 Animations an ease.

Click the rocket to try out an interaction that was 100% made in Webflow.