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!
Promoting performance from the ground up
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.
Choose Your Animation Adventure
By Val Head
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.
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.
Unlocking the Power of CSS Grid Layout
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.
The Event Loop
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?
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!
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!
By Jane Pong
Fontastic Web Performance
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.