Building localised websites, for over 20 languages and a global audience: that is the problem which Sareh Heidari tackles at BBC News.
Her talk will walk us through the considerations and challenges that went into creating and applying BBC Sport’s CSS framework, Grandstand. Come to see see how CSS is done at huge scale, and learn how to apply these lessons to author your own component-based, scalable and robust CSS – and join us in welcoming Sareh Heidari to give her first ever talk on a big conference stage!
Scaffolding CSS for Scale
Ever thought about localising your site, but realised it led to a lot of messy duplication? Do you want to re-use component styles, but have some styles overwrite others due to that cascade? Not sure where to start with CSS architecture?
In this talk, you'll learn how to get started with your own lightweight, localised CSS setup. We'll go through how we use Grandstand, a CSS framework built by BBC Sport, as the scaffolding for our CSS. Starting with bare bones of just ~10kb, it has the flexibility to allow layouts in 10 scripts for 20+ languages, and we're using it across the BBC News & Sport sites.