Chris Lilley is a Technical Director at the World Wide Web Consortium (W3C). Considered “the father of SVG”, he also co-authored PNG, was co-editor of CSS2, chaired the group that developed @font-face, and co-developed WOFF.

Imagine that I told you that you are only allowed to use two-thirds of the colors that your screen can display. All the brightest and most vivid shades are not allowed. Unacceptable, right?! Welcome to Web design for the last seven years. You might not know it, but compared to native apps, you are in the sRGB Prison. After attending this talk you will understand the measurable, reproducible sensation we call color. You will understand Lab and OKLab color spaces, be comfortable with gamut volume plots, and be able to laugh at snake-oil claims about color gamut coverage in advertising. Having broken out of jail, and knowing the basics of perceptual uniformity, you will be really looking forward to seeing CSS Color 4 and 5 implemented in all browsers. This is an intermediate to advanced talk about the current state and near future of cutting edge color on the Web.

Lea teaches HCI & web programming and researches how to make web programming easier at MIT. She is a bestselling technical author and experienced speaker. She is passionate about open web standards, and is an elected W3C TAG member and a longtime CSS Working Group Invited Expert.

By now most developers use CSS custom properties on the regular, but few understand them deeply enough to harness their full power. Lea will take you on a journey from the practical to the mind-blowing, and from the widely implemented to the cutting edge, demonstrating a host of tips, tricks, and gotchas relating to CSS variables in her trademark interactive style. You will leave this talk with both your CSS toolbox and your mind refreshed, and a much deeper understanding of CSS custom properties that you ever thought possible.

Sophie is the web engineering lead at Monzo Bank in London, responsible for the web platform across the organisation and working on internal tooling that powers Monzo’s award-winning customer service. Building websites since the age of 10, she’s passionate about creating inclusive, accessible and fun websites that people love.

Did you know your browser has a whole API dedicated to audio? You can play music, create cool visualizations... and build an entire musical instrument! In this talk, I'll show you how I built a virtual keyboard using the Web Audio API, teach you the musical theory that powers the keyboard, and demonstrate how we can translate musical notes to JavaScript. Join me for this fascinating crossover between math, music and code!

Douglas Crockford is the author of_How JavaScript Works_ and_JavaScript: The Good Parts_. He was born in Frostbite Falls, Minnesota, but left when he was only six months old because it was just too damn cold. He turned his back on a promising career in television when he discovered computers. He has worked in television, learning systems, small business systems, office automation, games, interactive music, multimedia, location-based entertainment, social systems, and programming languages. He is the inventor of Tilton, the ugliest programming language that was not specifically designed to be an ugly programming language. He is best known for having discovered that there are good parts in JavaScript. That was the first important discovery of the 21st Century. He also discovered the JSON Data Interchange Format, the world’s most loved data format.

Most of our current programming languages are descended from Fortran and C. While they were important advancements in the 1950s and 1970s, they are crippled by the assumptions that were profoundly important at the time: memory was measured in kilobytes, and a program executed slowly in a single process in a single machine. The descendant languages inherit this genetic weakness. We know that the languages we use are all deficient, so we keep adding features to them, but it seems there are never enough features. These languages will never be good enough. In today's world, computers have literally a million times more memory than was available to C. That truth should excite us to consider designs that are free of the small memory constraint. In today's world, programs are distributed. They run in many machines simultaneously, in various tiers and services and clients and servers, some under our immediate control, some we know are not under our control, and some that we think are under our control but are not. Our programming languages should be built specifically for this situation. Our focus on bloating the old languages distracts us from the more fruitful path of migrating to new languages that are designed explicitly for networking, with fine grained security at the foundation. You should not be limited by your grandfather's language. You deserve something better. This talk will suggest a possible way forward.

Josephine is a design lead for customized product solutions at Microsoft, mainly focused on Conversational AI, Mixed Reality & Digital Twins. Her responsibilities range from workshop facilitation for C-level stakeholders (envisioning, ideation, wireframing, etc.), user research, product management & experience design.

What are experience designers talking about today? What trends in the field inspire them? This is a question Josephine always asks to her guests of The Design Strategy Podcast, a podcast in which she interviews people who apply design strategy on a daily base. The last 2 years she has spoken to many different types of designers and got inspired herself by some of the trends or insights they shared. Humanity-centered design, unintended consequences and inclusive design are just a few of the topics that will be discussed.

Anna works as a Lead UI Developer at Field Intelligence helping to bring healthcare the fastest emerging markets in the world. She is always trying to find ways to make people fall in love with coding and has a long history of organizing coding workshops for WebMuses and Rails Girls.

Small web performance tweaks and optimisations might not make a difference for some of the users: there can be physical barriers that will make it impossible to achieve the fast page load and the smooth browsing. After working for over a year on a project directed towards emerging markets (namely Nigeria and Kenya), I came to realise that the popular web performance metrics are all centred around a specific type of person: someone who is used to the fast and reliable connection. But when the conditions are not ideal on daily basis, what are our choices? In my talk we will chat about the improvements that will have real impact on the user experience for users browsing the web in the harsh conditions. I will also share details about the background of users in Africa and how their perception might differ from the users we typically develop for.

Matteo is the Co-Founder and CTO of Platformatic.dev with the goal to remove all friction from backend development. He is also a prolific Open Source author in the JavaScript ecosystem and modules he maintain are downloaded more than 12 billion times a year. Previously he was Chief Software Architect at NearForm, the best professional services company in the JavaScript ecosystem. In 2014, he defended his Ph.D. thesis titled "Application Platforms for the Internet of Things". Matteo is a member of the Node.js Technical Steering Committee focusing on streams, diagnostics and http. He is also the author of the fast logger Pino and of the Fastify web framework. He is also co-author of the book "Node.js Cookbook, Third Edition" edited by Packt.

What's an ORM? An Object-Relational Mapping tool (ORM) is a library to map a SQL table to a Class. Pareto died in 1923 and yet he would teach us that ORMs are inefficient! Why? Let the Pareto Principle guide us in our journey.

Damien is a queer Product Leader focusing on building and growing inclusive product experiences and design systems. Through their work, their activism, and their public engagements, they are fighting for more accessible and inclusive environments, both in the digital and physical worlds.

I never met anybody aiming to make the Web less accessible or inclusive, it’s even the opposite: this topic is definitely trending in the past few years. Yet, only 2% of the World’s top one million websites are offering a barrier free experience. So where is this gap coming from? Let’s face it, if one of the main problem is not about the interest and willingness of web workers, maybe we should look in another direction: in the end, who's accountable and what is the vision. So if we want to drive the effort and create more inclusive products and services, it is time for design, product and tech leaders to seize the topic and rethink our approach to drive change in organizations. For that, let’s get our hands dirty and accept that more accessible products will not come without a change of mindset.

Rachel Andrew works for Google as a technical writer, and content lead for Chrome Web DevRel working on web.dev and the Chrome Developers site. She is a front and back-end web developer, author and speaker, author or co-author of 22 books including The New CSS Layout and a regular contributor to a number of publications both on and offline.

The latest CSS features landing in our browsers promise a revolution for responsive design. With container queries, we can look at the size of a component and adapt layout accordingly, perhaps using subgrid to allow those components to align to an overall grid. Media features allow us to work out how a user is interacting with our app, and the preferences they have set around things like motion. In this talk, Rachel Andrew will take a look at what is available right now across browsers, and what is just around the corner. She’ll also dive into plenty of information about browser support to help you adopt new things with confidence.

Ruben is a Staff Engineer based in London, UK. His passion is frontend architecture and hasdelivered frameworks for large scale frontend applications.

One of the most important decisions when designing Micro-Frontends is how to route the different applications and compose them together. In this talk I will show you how React Router could be a great option for Micro-Frontends.

Debora is an Application Engineer at the LEGO Group in London, working on a new design system for the LEGO.com website, which includes design tokens and a React-based component library.

Design tokens are key-value pairs for style properties, created in a UX design tool (like Figma) and synced into code. They represent a significant shift in how developers and designers collaborate - reducing manual and repetitive work and ensuring better consistency. You may be curious about what tokens are and how they could help you. Or maybe you already heard of them but wondered if they are production-ready for large-scale products (yes!). If that is the case, this talk is for you! We’ll start with an intro about design tokens, the problem they’re solving and how their lifecycle works. Then, we will glimpse how tokens are currently powering React components on LEGO.com - reaching millions of users worldwide! We’ll learn ways to tackle some common challenges this new approach brings and, finally, see other exciting possibilities for applying tokens in your project. At the end of the presentation, a link to a public repository will be shared with a basic setup for you to start unleashing the power of tokens.

Carmel works as an Interaction Designer building products with speech technologies at Monoceros Labs. She has contributed to building solutions with desktop, web, voice and mobile interfaces for different industries. In 2015 founded the feminist tech community Yes We Tech.

Touch, see, hear, speak... no evil! We’re surrounded by things calling for attention. Conversational, graphical and tactile interfaces make themselves visible on multiple devices at multiple times. How can we design good experiences in a multimodal interaction context? In this talk, we’ll see some pros and cons of each interaction mode and how we can make them work together for people’s benefit.

Anuradha is a frontend developer, working on making the web more accessible, one website at a time. She is passionate about exploring new technologies and sharing knowledge through tech articles and talks. She has been recognized as GDE, MVP, MDE, and WTM Ambassador.

Ever heard about accessibility, and wondered if it is some rocket science? Or maybe considered exploring it but abandoned it due to overwhelming documentation? Let's debunk all the complexities and myths around web accessibility. We will together explore techniques, browser tools, and extensions for analyzing and testing for accessibility of websites while tips on how to fix those. Takeaway - You can directly use these tools and tips to access and work on improving the accessibility of your websites and applications. Web accessibility won't feel as confusing or burdensome after the session.

Alba Silvente Fuentes, aka Dawntraoz, is a FrontEnd Developer working as a Dev Rel Engineer at Storyblok. She loves writing about FE development, jamstack and web performance on her personal blog, speaking at conferences, hosting a Spanish tech podcast, and working hard in the open-source community. She is also a GoogleDevExpert in Web Technologies and ambassador at Nuxt.

All of us, at some point in our careers as developers, have had a run-in with image performance. But now we have modern techniques at our disposal that will make us love images again. We'll see how an Image Service CDN and other performance optimization techniques, such as responsive images, sizing attributes, lazy loading, and nice placeholders, will allow us to improve the UX and performance in a very easy way. How? By creating an image gallery with Nuxt 3 and a headless CMS, allowing us to experience the functionalities of a powerful integrated Image Service and Editor, and creating an image Vue component that can be used in any situation.

José Manuel is in love with Reactive and Functional programming. As a Frontend Solution Architect, his job consists on designing and leading the implementation of solutions for high-volume traffic websites.

In Today's fast paced, highly competitive world, it's more important than ever to build safe, reliable and easy to use interfaces. In this talk, we'll explore the benefits of using TypeScript and a functional programming approach to deliver less prone to errors, change resilient interfaces.

Frontend engineer and frontend content creator. Aashima is a web enthusiast. She loves talking about web and exploring new technologies. She believes knowledge grows with sharing , so she loves to spread her knowledge about frontend. She aims to teach frontend in a way that even a 5 year kid could understand.

React 18 was launched recently with the focus on improving performance. It introduces concurrent rendering and exposes concurrent APIs build over it. React developers can leverage these concurrent features in react 18 to build more performant applications.

The talk will focus on the new features introduced in React 18
- Concurrency
- Automatic Batching
- Transitions
- New Suspense
- Server components

What will you learn
- Upgrade your app to React 18
- Learn about concurrent rendering
- Automatic batching
- Use new hooks introduced useTransition and useDeferredValue
- Replace useEffect with Suspense
- Server components introduction and performance benefits

Andrey is a Senior Mobile Engineer at EPAM with 5+ years of experience in iOS development. He has worked with numerous applications in various domains (Entertainment, education, news, and streaming services). He has developed small applications for small communities and has worked on large apps used by millions of users. He loves to learn new things, photography, cats and playing retro games.

When you develop an app, you want it to be accessible for everyone. But there is a special group of people, who rely on assistive technologies. What should we do to deliver the best user experience for them? Which UI can we call truly accessible?
During this talk you will:

- Learn why you should support accessibility in our apps
- Learn about how visually impaired people use apps
- Learn how you can work with iOS accessibility API - from basics to some advanced techniques
- See different accessibility UI use-cases from apps from major companies (Apple, YouTube, Instagram)
- See that accessibility is easy

After this talk you will have everything you need to make your application truly accessible for everyone!

Wiktoria Dalach is a Software/Security Engineer, a writer and a youtuber. She has been building apps for nearly a decade now. She has organized over 30 workshops for Webmuses, a community she co-founded in 2012. She’s a RailsGirls mentor. Her interests focus on creativity, art and cybersecurity.

Last year, after 9 years of writing code, I joined the application security team. There are many myths about security, and how difficult it is. Product managers and designers often don’t have the right knowledge to create secure solutions, and devs often choose to ignore security because they think that writing more secure code would take them ages. There is a better way to approach security. Security doesn’t have to be scary.
From my talk, you will learn how to design with security in mind. It will be practical and not boring at all.

Luis Majano is a Computer Engineer, published author, founder and CEO of Ortus Solutions, Corp (www.ortussolutions.com), a consulting firm specializing in open sourcing tooling, web development, architecture, and professional open source.
He has been designing and working with software architecture and technologies since the year 2000. He has a passion for learning and mentoring developers so they can succeed with sustainable software practices and the usage and development of open source software.
He is the creator of ColdBox HMVC, ContentBox Modular CMS, TestBox BDD, CommandBox CLI and over 200 open source projects. He speaks regularly at several international conferences and you can read his blog at www.luismajano.com.

In this session, we will introduce the power of Alpine.js as a modern, lightweight, declarative and reactive Javascript framework that can be embedded on any webpage without any need of webpack or complicated build processes.
A true modern jQuery replacement.

Glenn is a software engineer, tech speaker and workshop instructor with a passion for building innovative products using open source software and user interfaces with cutting edge technologies such as React, GraphQL and TypeScript. He also helps co-organizing the React Vienna meetups. Aside from tech, you’ll find him either traveling, on a road bike or playing the guitar.

React UI components can be written in many different ways and patterns. As your app grows, it’s common to increasingly introduce complexity and add up logic to UI components. In the sea of learning materials online, it’s a challenge to decide on a solution that lasts for your project.
Let’s briefly review typical steps and case studies when building UI components, explore what TypeScript & component patterns make sense and unveil the secrets of building resilient UI components at scale to move even faster.
This talk should provide a deeper understanding of component patterns. The goal is to let the participants identify various use cases and help them choose better decisions on how to architect and design UI components to be more scalable.