Schedule: 17 July

Tuesday, 16 July

08:00 - 09:00
Registration and Breakfast
Registration starts at 8:00
09:00 - 13:00

Every case-study, every report, and every bit of feedback always tells us the same thing: speed matters. It’s good for users, it’s good for accessibility, and it’s good for business. But why are modern browsing experiences so slow? If technology is getting better, why are websites getting worse?This workshop is targeted at intermediate to advanced front-end developers, web designers, and software engineers, or anybody who writes code. There will be resources and case studies for you to take back to non-technical stakeholders to help convince them of the power of performance. 100% of previous attendees would recommend the workshop to colleagues!

Wednesday, 17 July

07:30 - 09:00
Registration and Breakfast
Registration starts at 07:30
09:00 - 09:20
Welcoming CSScamp 2019

09:20 - 10:00
Building Socially-Inclusive Design Systems

Design systems have become the de facto approach for teams of all sizes to design anything and everything. As prototyping and development tools evolve to accommodate these systems, the barrier to entry is becoming lower and adaptation is becoming simpler. The love for design systems makes sense: they provide a scalable, flexible infrastructure that allows a team to create consistent work far into the future. But the atomic approach to design systems comes with a risk: Every atom or component holds immense power in fate of the entire system's influence. Has the singular component been made for all? Dissecting its social impact through its technical traits, we'll look at how to build a design system conscientiously, resisting systematic problems at the atomic level in order to create more accessible and inclusive systems.

10:00 - 10:40
Dynamic Typographic Systems with Variable Fonts

Modern developments in CSS make it easier than ever to create robust, scalable, elegant typographic systems on the web. Add variable fonts and the design, technical, and performance benefits are really exciting. We’ll look at how to combine them with other CSS capabilities like custom properties, calculations, and grid to create a whole new way to think about design and development. We’ll see how they work together by using some variable fonts in layouts that work across screen dimensions, accessibility needs, design requirements, and even network speeds—better than you thought possible.

10:40 - 11:00
11:00 - 11:40
Interactive web animation with SVG

Have you ever felt uninspired by the every-day grind? Like coding is all work and no play? Come with me as I take you on a whistle-stop tour of delightful SVG animations. I’ll also ask for some audience participation, as interaction is what makes motion on the web so fun! By the end of this talk, you will feel enthused and inspired to make your own creative web animations with SVG.

11:40 - 12:20
When Houdini Met Goldblum

Why can't we animate gradients declaratively? How can Jeff Goldblum help us? This gentle, practical introduction to Houdini and the Web Animations API looks at some CSS's lesser-known features (it has types!), how it can make our JavaScript declarative and how Houdini unlocks new frontiers in design and performance.

12:20 - 13:20
Lunch break
13:20 - 14:00
Mind over Matter: Optimize Performance Without Code

Did you already optimize every. single. line. of. code. to be found on your website or mobile app? Are you getting tired of hearing about load times and TTFB(Time to first byte)? Do you need to remind the CEO you don’t have Pinterest’s or Instagram’s budget? Breathe, it’s OK we've all been there. Come and check out ways to use design techniques to influence the user’s perception of time. No magic tricks, instead I'll give you examples from real projects I worked on. In the end, it doesn't matter how fast your site loads, it's all about how fast your users perceive it to be.

14:00 - 14:40
App's Too Fast: How To Change The Pace For Better UX

Browsers && front-end technologies are incredibly powerful right now, and it’s put us in a new and weird spot: our apps can be too fast. Post app load, when things have settled a bit and the user starts making choices, instant changes are nice, but we can do better.

14:40 - 15:00
15:00 - 15:40
Time Control in Web Accessibility

The time of plain web pages and dial-up internet is gone forever. We live in the world where our devices are able to simultaneously operate with tons of data. Tweets, notifications, alert messages, progress bars — all these components appear on the web page asynchronously, which makes the user experience more convenient than ever. Being a developer in 2019 means being able to make beautiful, fast and fully accessible user interfaces. In this talk you will learn how to apply the best accessibility practices when making 'asynchronous' components and how to test these components with modern assistive technologies.

15:40 - 16:20
More Than You Ever Wanted to Know About Resource Hints

Resource Hints are a great way for developers to make their web pages faster by allowing us to be a little bit smarter than the browser. Although not a new specification—they’ve been around in some form or another for years!—are we truly getting the most out of them? And do we understand them thoroughly enough to use them most effectively? Heck, do we even know what a 'Resource Hint' is?! Well, by the end of this talk, we’ll all be experts. Let's take a look at all of the different Resource Hints we have available to us, real-world examples of how best to use them, and learn about some of the more obscure intricacies and gotchas that we need to be aware of if we want to really get the best out of them (and to make sure that we really are being smarter than the browser).

16:20 - 17:00
Writing CSS Algorithms

Wait...CSS _algorithms_? Can one really write algorithms in CSS? According to Lara, absolutely! This talk is all about CSS algorithms: what they are, how to write them, and the potential impacts of a word like 'algorithm' when it comes to CSS expertise in the larger context of web development.

17:00 - 17:20
Closing remarks

Don't want to miss out?

Subscribe to our newsletter and we’ll keep you updated