Keeping it simple with CSS that scales CSS is a handy language that’s often misunderstood, even with the powerful new layout tools that we have at our disposal. This misunderstanding can lead to some wildly over-engineered solutions where the main byproduct is high-interest technical debt, frustration and worst of all, great expense for users.
In this session, I’m going to share with you the tricks that I use to produce highly flexible CSS for design systems, pattern libraries, rich applications and good ol’ websites. We focus on letting the browser make decisions for us, rather than micromanaging them by using algorithms, axioms, the cascade and a solid component strategy.
By the end of the session, I hope that you will see the value in distilling layout problems to their simplest solutions that utilise the power modern CSS and the browser’s capabilities.
Inspired by CSS Grid In this inspiring talk, Andy Clarke will introduce you to using CSS Grid while making creative layouts. You’ll learn about how compound grids, modular grids, and skinny columns will change the way you think about layout on the web.
Performance… it’s for People It's easy to focus on the number of 3rd-party tags, how large a page is, or even its Lighthouse score, but fundamentally performance is about our visitors' experience – how quickly it loads, how smooth it is to use.
In this talk we'll examine what affects our perception of performance, how we can speedup visitor experiences and some of the common issues Andy comes across in his day-to-day work.
How To Make Loveliness: an HTML Treasure Hunt You’re a PHP ninja. You’re a React god. You’re a magician with Sketch. But if your code is assembling HTML to get delivered to a users’ browser, how much do you know about HTML’s semantics?
Choosing the correct HTML elements rather than vomiting a "div" or belching out a "span" can greatly enhance the end users’ experience, with no fragile extra code to write and maintain. That's why HTML is an acronym of "How To Make Loveliness".
One of the co-editors of the HTML5.3 spec will take you on a magical treasure hunt around HTML, showing you marvellous gifts and hidden wonders that will also help future-proof your code, and turn you into a time-travelling Frontend Superhero, adored by millions. (Actual number not guaranteed. But your users will be happy.)
Accessibility For Everyone Who do we really benefit with accessible technology and why do any of us bother at all? This talk will explore the motivations for our work, how to overcome some of our most common failings, and where inclusive design fits in our processes, approaches, outlooks and lives.
Level Up: Developing Developers As video games have become more and more complex, game designers put way more time into creating environments where players are engaged and willing to put the time and effort into learning and mastering these skills.
As leads, we can learn a lot from how games are designed to make the internal developer experiences better, since it’s a similar type of environment we want to create: an environment where people can learn and master skills. We should make it easier for developers to understand what options are available to them, allow them to make time for learning and provide structures and processes for them to develop the skills that they want and need for future roles.
This talk will look at how you can help level up your developers by using competencies and career development frameworks, what types of processes you can introduce to support personal development and how developers should be using opportunities like these to get a better understanding of what skills they should focus on.
Making standards work for everyone You’re at a conference! You’re listening to interesting talks, getting inspired by being around like-minded folks, and preparing to take everything back to work on Monday. You’re going to change the world! Except… it’s not always that easy, is it?
In this session we’ll look at standards in the context of practical tips to help take others along on that journey too. Using examples from Sally’s work at Monzo and beyond, we’ll discuss how to empower the people around you, and ultimately how and why we should be making a better web for everyone.
Google AMP: The fastest thing on the internet. A frank overview of the powerful but controversial open source technology from Google that puts performance first, the evolution of the product from Mobile solution to performance as a service on the web, and the difficult decision you will need to make over whether to use it or not.