Frontend best practices
summary
Covers frontend theming best practices for Drupal: uses Sass for stylesheet generation, applies SMACSS, and builds a component-based reusable design system with a style guide and consistent predefined styles. Explains integrating those styles into CKEditor and proposes workflow improvements for creating and implementing themes.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 4:43Best practices importance
- 9:26Reusable components
- 16:59Drupal style guide
- 19:53Sass advantages
- 25:16SMACSS methodology
- 31:23BEM naming
- 35:15CKEditor integration
- 36:43Design improvement proposals
related talks
39m4½ Methods for Theming in (S)CSS
42mCSS and Preprocessors in Practice
24mScalable CSS: Challenges and Rewards of an Uphill Journey
01h 10mJust Right: Goldilocks and CMS theme systems
49mLiving Styleguide in your Drupal projects: Benefit from component driven design.
01h 07mDecoupled Drupal and the Front End
28mFront End Legos: Better Design with Reusable HTML & CSS
48mA practical guide to style guide driven development