Frameworks
Foundation, Bootstrap, and Materialize — when to use each and how to get the most out of them.
Framework comparison
Compare Foundation, Bootstrap, and Materialize to find the right CSS framework for your Site Designer project.
Foundation 6 reference
A practical reference for Foundation 6 classes and components available in Site Designer.
Bootstrap 4 reference
A practical reference for Bootstrap 4 classes and components available in Site Designer.
Materialize reference
A practical reference for Materialize CSS classes and components in Site Designer.
Switching frameworks mid-project
What happens when you change your project's framework, and how to minimize the disruption.
Custom framework attributes (data-* and ARIA)
Add data-* attributes and ARIA roles to elements using the Content pane for advanced interactions and accessibility.
ARIA roles and accessibility attributes
Make your Site Designer projects accessible with the right ARIA landmark roles and attributes.