Beginners in Webflow

Before learning Client-First, it's essential to have a base understanding of the web, classes, HTML, CSS, and Webflow as a platform.

Learn the <span class="tooltip" title="Hola">essentials</span> before learning Client-First

A lot of <span class="tooltip" title="Tooltip with text">Client-First</span> will not be clear to someone with zero web background.

We do not have to be pros. We do have to have a beginner-level knowledge of the web.

This page outlines the most important content to review before learning Client-First. After you understand the basics, Client-First becomes more clear and more powerful.

Beginner web definitions

No-code tools

Tools that let us [create things] without code, which normally require code to create. No-code tools take some or all code out of the creation process.

Webflow

No-code tool for creating websites visually. Webflow takes most manually written HTML, CSS, and Javascript out of the website creation process. Instead of writing HTML, CSS, and Javascript (the core building blocks of the web), we can use these building blocks visually within Webflow Designer.

Finsweet

Leader in the Webflow ecosystem for agency work, content creation, tools, products, and resources.

HTML (Hypertext Markup Language)

The structure and content of the web page. If we were building a house, HTML is the house's materials. HTML creates the structure of the house.

CSS (Cascading Style Sheets)

The styles and layout of the web page. If we were building a house, CSS is the layout, floor plan, colors, and design decisions.

JS (JavaScript)

The functionality of the web page. If we were building a house, JavaScript would be the refrigerator, air conditioning, and automatic car garage door.

Webflow University resources

Intro to HTML and CSS

Learn how HTML and CSS work together to display our websites.

Classes

Learn how classes give our website style.

Full crash course

Learn many web principles and understand how Webflow works. Includes Intro to "HTML and Classes" and "Classes".

Join the community

No-code Twitter

Follow Webflow and Follow Finsweet, and explore 'no-code' hashtags like #nocode and #webflow

Official Webflow Facebook Group

facebook.com/groups/webflowdesigners

Official Webflow Forum

forum.webflow.com

F'in Pro Account

finsweet.com/fin-pro

NEXT

Стратегия за отстояния

Взимайте разумни решения за отстояния в рамките на Client-First. Тази страница от документацията обяснява различните стратегии за прилагане на отстояния в целия ни проект.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Reset
HTML font size
px
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
px values
rem values
2px
=
0.125rem

Closest to Client-First values

2px
=
0.125rem

Neighboring values

2px
=
0.125rem