A Review of Webflow

  Webflow is quite the ideal website builder for those who have a bit of knowledge about designing and code. There is a small learning curve, but after spending an hour or two on the site, navigation becomes almost second nature. Webflows allows its user to start with a completely blank canvas or use a few of of the free templates they offer. A positive about Webflow is that while the main focus is to visually edit a site, there is also the option to focus on its code. It also allows the user to host the site on their own server.

  When creating a website in Webflow, the site takes you to what they call "The Designer". This is where the creation and customization of sites begin. Once of the most glorious features of Webflow is that it automatically makes the site responsive (see #1). The icons at the top of the page allow the user to manipulate the site and see what it looks like on a desktop, tablet or mobile device. Another nice feature of Webflow us that similar to dreamweaver, it tells the user what is being selected (see #2). Knowing what is selected is helpful in that it aids in making sure things being changed are supposed to be changed. Whatever is being selected will have a blue highlight around it and a small blue label in the upper left corner. Again, similar to Dreamweaver, Webflow has a small menu on the bottom left corner that also states what is being selected and edited.

  When in "The Designer" the user has two menus on either side of the screen. The one on the left, is to add divs, text, heading etc to the site (see #3). They are grouped into sub menus such as "basic" "typography" "media" and "forums". The on on the right is to edit whatever has been edited. To add something to the site, simply click on "add element" and drag out to the main part of the site.

  Then head over to the right side and customize it (see #4). Change the padding, height, color, type. Most adjustments can be done manually or just by clicking on the arrows featured on the right side menu. Like the left side, the right side menu is sorted into sub categories like "position" "typography" and background.