Flexible Tuning of Search Result Appearance

on YouTube ↗57m

" summary

Yandex replaced preprocessor variables with CSS Custom Properties and a PostCSS plugin that expands defaults for older browsers while keeping custom properties in place so experiments can override them via a JSON flag. The setup supports per-platform and media-query overrides, a centralized typography-constants system, and runtime style swaps to run hundreds of concurrent experiments, enabling managers to launch large experiments without developer changes.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:55Interface flexibility issues
3. 4:01Using style constants
4. 12:15Old approach drawbacks
5. 12:58New constant requirements
6. 15:25CSS build problem
7. 17:33CSS Custom Properties solution
8. 22:55Typography implementation
9. 26:30Results and benefits
10. 27:14Constant recommendations
11. 28:01Q&A

" related talks

• 46mMaintainable frontend development with BEMVarvara Stepanova · Meta Refresh 2013
• 25mRethinking CSS - Introducing StylexNaman Rajat Goel · React Finland 2021
• 47m@yandex uiVladimir Grinenko · Я.Субботник по разработке интерфейсов 2020
• 26mThe strategy guide to CSS Custom PropertiesMike Riethmuller · .concat() 2018
• 26mMoving on from runtime CSS-in-JS at scaleSiddharth Kshetrapal · JSHeroes 2023
• 28mStrategy Guide for CSS Custom PropertiesMike Riethmuller · CSSconf EU 2018
• 41mWhen CRA Isn’t EnoughVitaliy Kosenko · Я.Субботник по разработке интерфейсов 2020
• 26mExperimentation as a Decision-Making ToolViktor Karpov · Я.Субботник по фронтенду 2015