so we won’t rehash everything in the document, but we wanted to highlight a few core things that we want to emphasize.
Fluid Responsive Typography - All projects should setup using Fluid Responsive on all pages. See the project starter lesson for more on setting this up properly.
Appropriately Named Classes & Organization - Following client first is more than just naming classes using the appropriate dashes & underscores. A project should be developed with others in mind. Classes should be given descriptive names that help other developers understand the project. Classes should be duplicated & renamed appropriately when a component is being pasted to a new page and is no longer describe appropriately by the current class.
Global Styles Should Be Set Appropriately - Global styles (headings, paragraphs, rich-text elements) should be set at the start of the project rather than using an individual class for these styles.
Change Div Tags for Sematic HTML - Change the div tags of the main wrapper, section, header, and footer with their respective tags.
Don’t use Webflow’s Container, Column or Section Elements - These Webflow elements have their own limitations & styles added on, we like to keep things clean by using divs to create sections, containers, & columns.
Add Descriptive Text to Link Elements - if a link block doesn’t have text in it, such as a social link, add a text block to describe what the link is and then set the text to display: none.
Make a Habit of Adding Alt Text When Adding Assets - Rather than adding alt text at the end of a project, add alt text as you build.
Client First
