You will be going home not just filled with new energy and inspiration, but also with a lot of practical ideas and tips which you can use to make a difference.

All 12 talks will be 45 minutes long and will go into depth about various web related topics such as performance, accessibility, animation and its implications for web design and development. Below you can find the first 6 talks, keep posted for updates!

Phil Hawksworth profile picture

Promoting performance from the ground up

By Phil Hawksworth

No matter how good you are at crafting the most ingenious, high-performance code, you need to deliver it to your users reliably. You probably also need to evolve it over time. To test it. To get it signed off. All this can be painful. But it needn’t be.

This talk will look at ways to design a developer experience which then enables a good user experience. We’ll talk about the benefits of keeping your stack simple, of using the expertise of others, at ways to avoid launch day being more stressful than it should be. And we’ll examine some performance and security benefits of using the JAMstack and microservices in your projects.

Val Head profile picture

Choose Your Animation Adventure

By Val Head

Animation has come a long way on the modern web and now we have a long list of choices for how to make something move on screen: CSS, JavaScript, SVG, the Web Animation API. With so many options, how can you be sure which is the best choice for your project? With an eye to both the strategy and tactics of animation needs, you’ll learn what which web animation options are the best fit for common UI design tasks.

Val will survey the full spectrum of animation options from CSS to React Motion and show which are best suited for things like state transitions, showing data, animating illustrations, or making animations responsive. You’ll also see how your choice of animation tools can impact performance, so you’ll leave knowing exactly which tools to choose for your animation needs.

Asim Hussain profile picture

How to hack a web app?

By Asim Hussain

Thought hacking was hard? It’s not, it’s easy and I’m going to show you how! In this episode of CSI Hong Kong, we’ll investigate a series of hacking stories and break them down step-by-step to see exactly how they did it.

By the end, you’ll walk away a little bit more scared and a lot more prepared with some great practices you can apply immediately to your own applications.

Rachel Andrew

Unlocking the Power of CSS Grid Layout

By Rachel Andrew

Once you have grasped the basics of CSS Grid, you quickly discover how it enables many existing design patterns in a streamlined, elegant way. However, we shouldn’t see Grid in isolation. Understanding how other parts of CSS work together with Grid is key, in order to get the most out of our new abilities.

In this talk Rachel will be concentrating on a couple of these areas, CSS Box Alignment and CSS Sizing. Rachel will show you practical ways in which a little bit of knowledge in these areas can unlock the full potential of the Grid Specification. You’ll learn how to create useful components and to start thinking of ways in which you can solve design and interface problems in more creative ways.

Jake Archibald

The Event Loop

By Jake Archibald

Have you ever had a bug where things were happening in the wrong order, or particular style changes were being ignored? Ever fixed that bug by wrapping a section of code in a setTimeout? Ever found that fix to be unreliable, and played around with the timeout number until it kinda almost always worked?

This talk looks at the browser's event loop, the thing that orchestrates the main thread of the browser, which includes JavaScript, events, and rendering. We'll look at the difference between tasks, microtasks, requestAnimationFrame, requestIdleCallback, and where events land.
Hopefully you'll never have to use setTimeout hacks again!

Tim Holman

Weird Wacky Wonderings

By Tim Holman

Ever started a project you didn't finish? Ever stared at your screen, knowing you wanted to make something, but unsure what? Ever felt like you're alone in making something?

Join Tim, though some weird and wacky wonderings through the web, and find how building, learning and having fun are all connected together… and gain a little more appreciation and love for code along the way!

Jane Pong


By Jane Pong

Monica Dinculescu

Fontastic Web Performance

By Monica Dinculescu

Web fonts are awesome. They make your sans-serifs slabby, your headers special and your website look gorgeous. But fonts are a resource, and downloading resources always comes as a cost — if you don’t load web fonts efficiently, what you get instead are phantom underlines, blank pages, and user rage.

Let’s talk about ways to avoid this, and what new platform features are here to help us deliver pretty (but also!) fast experiences to everyone.

Buy tickets