Learn
Video

BEM Class Naming Convention in Webflow

View
Video
↗

In this video, we'll cover how to best name our classes and stay organized in Webflow.

Checkout the Webflow blog post on BEM at https://webflow.com/blog/class-naming-101-bem.

Also, checkout the BEM website at http://getbem.com/naming/

Tags

CSS
How To
Design System

Industries

No-code

Related items

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
11.25.20

Similar items

Items
2781
Layout
Grid View
Row View
Search
Webflow Variables
Learn
Video

Webflow Variables

10.6.23
No-code, CSS, Variables, Design System, Webflow, Timothy Ricks
Toggle Dark Mode with CSS :has()
Learn
Video

Toggle Dark Mode with CSS :has()

1.15.24
CSS, Extending, Design System, Variables, Webflow, Web Bae
Top 5 CSS Tricks You Must Know for Webflow
Learn
Video

Top 5 CSS Tricks You Must Know for Webflow

8.28.22
Custom Code, Frontend, How To, CSS, Webflow, Timothy Ricks
How to make text responsive with clamp
Learn
Video

How to make text responsive with clamp

2.27.24
No-code, Extending, CSS, Responsive, Typography, Webflow, Code & Wander
MAST CSS Framework for Webflow — a quick explainer and comparison
Learn
Video

MAST CSS Framework for Webflow — a quick explainer and comparison

12.6.23
No-code, Workflow, Design System, Webflow, Mast
Restock
Preview
↗

Restock

Restock is No-Code Supply Co.’s community podcast spotlighting the people shaping the web and the things they build: sites, products, and the workflows behind them. Each episode is a practical, curiosity-driven look at real work and ideas: standout builds, the tools and techniques powering them, and the takeaways you can reuse. Like NCSC, it’s grounded in curation and craft over hype, featuring guest conversations, and exploring what’s worth saving, learning, and trying next.
View Restock
Dark Mode Toggle With Webflow Variables
Learn
Video

Dark Mode Toggle With Webflow Variables

11.28.23
No-code, Variables, Design System, Extending, Custom Code, Javascript, Webflow, GSAP, Timothy Ricks
Unmask Sections While Scrolling in Webflow
Learn
Video

Unmask Sections While Scrolling in Webflow

3.3.23
No-code, Scroll, Aesthetic, CSS, Webflow, Timothy Ricks
Import Colors From Figma to Webflow
Learn
Video

Import Colors From Figma to Webflow

1.20.23
No-code, Automation, Design System, Figma, Webflow
También Webflow Style Guide and Grid System
Learn
Video
/
Framework

También Webflow Style Guide and Grid System

6.29.22
No-code, Design System, Workflow, Webflow
A New Framework for Color in Webflow
Learn
Video
/
Framework

A New Framework for Color in Webflow

5.11.23
Color Palettes, CSS, Extending, Aesthetic, Webflow, Timothy Ricks
The Best Method of Scroll Snapping!
Learn
Video

The Best Method of Scroll Snapping!

2.5.23
CSS, Scroll, Interactions, Webflow
Using Matter.js in Webflow
Learn
Video

Using Matter.js in Webflow

8.28.22
Animation, How To, Interactions, Custom Code, Matter.js, Webflow, Timothy Ricks
Top Five Interactions Designers Struggle to Create in Webflow
Learn
Video

Top Five Interactions Designers Struggle to Create in Webflow

8.28.22
How To, Interactions, Webflow, Timothy Ricks
Stacker App + Airtable = Awesome Webflow Team Management
Learn
Video

Stacker App + Airtable = Awesome Webflow Team Management

8.28.22
How To, Workflow, Webflow, Stacker, Airtable, Ben Parker
Using Airtable to power the data on your Webflow site
Learn
Video

Using Airtable to power the data on your Webflow site

8.28.22
CMS, Database, Extending, How To, Webflow, Ben Parker
Overlapping Page Transitions in Webflow
Learn
Video

Overlapping Page Transitions in Webflow

8.28.22
Custom Code, How To, Interactions, Navigation, Webflow, Timothy Ricks
Building a basic game in Webflow
Learn
Video

Building a basic game in Webflow

8.28.22
Gaming, Custom Code, How To, Webflow
Improve UX Using Cookies in Webflow
Learn
Video

Improve UX Using Cookies in Webflow

8.28.22
Custom Code, Extending, How To, Webflow
Let your client add, remove, & rearrange page sections from the Webflow Editor
Learn
Video

Let your client add, remove, & rearrange page sections from the Webflow Editor

8.28.22
CMS, How To, Webflow, Timothy Ricks
JQuery Basics Tutorial for Webflow
Learn
Video

JQuery Basics Tutorial for Webflow

8.28.22
Custom Code, How To, Jquery, Webflow
Using VS Code and GitHub with Webflow
Learn
Video

Using VS Code and GitHub with Webflow

8.28.22
Custom Code, How To, Workflow, Webflow, GitHub Copilot, Ben Parker
Adaptive Page Loader in Webflow
Learn
Video

Adaptive Page Loader in Webflow

8.28.22
Animation, Custom Code, How To, Webflow
Building a Liquid Nav in Webflow
Learn
Video

Building a Liquid Nav in Webflow

8.28.22
Custom Code, How To, Interactions, Navigation, Webflow

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.

Subscribe