Overview
Learn how to create a scalable and localizable CSS architecture in this conference talk from CSSconf EU 2017. Discover the benefits of using a lightweight CSS framework like BBC's Grandstand to support multiple languages and scripts across large-scale websites. Explore techniques for reusing component styles, avoiding cascade conflicts, and implementing efficient localization. Gain insights into extracting patterns, utilizing namespaces, and leveraging utility classes to build flexible layouts. See real-world examples of how these principles are applied to create consistent user experiences across BBC News and Sport sites in over 20 languages and 10 scripts.
Syllabus
Intro
Welcome
BBC News
Reusing
Relevant to you
BBC Grandstand
Agenda
Topics
Page Layout
Comparison
Extract Pattern
Objects
Namespace
Utility
Tools
Global Experience Language
Typography
Columns
SVG Icons
Build Components
Example Headline
Localization
Result
Examples
Latin Arabic
Margin
Spacing
Localisation
Communicating
Taught by
JSConf