Using BEM to structure CSS
Writing well-structured CSS has become an important part of building maintainable websites. To promote code re-use, different style systems have emerged to encourage modular CSS. Block-Element-Modifier (BEM) is a naming convention for classes inside a module. This talk will explain how the naming convention works, how it’s different from nesting based systems and how you can use Sass to make writing BEM code easier.
Everything you need to take advantage of npm in your browser side code, and avoid the pitfalls!
Why you'd want to use npm in the first place; building browser bundles with Gulp and npm build - and how they compare; how to identify the modules that contribute to bundle file size; pros, cons and workarounds for the ‘everything is a module’ coding style; ensuring consistent versioning during deploys; how to include templates in your browserify bundles. Based on experiences in a real world, production, profitable application.
Reimagining how we design responsively
Responsive design is still relatively new – yet it’s already seen several iterations. In the first incarnation we added media queries, adapting our sites to work better on mobile devices. The second incarnation arrived with mobile first design: building for the least-capable, smallest devices and then progressive enhancing it. This talk will focus on how we can reimagine RWD with a focus on content and performance: evolving a new incarnation where we deliver a site as quickly as possible with content prioritised for what the user is trying to achieve.