World Congress 2024 • Aug 20, 2024 • Session details

View-Transition-API: Gamechanger for hybrid app-development

Struggling with clunky hybrid app animations? Achieve native-like UI state transitions with the View Transition API using just a single line of JavaScript.

View-Transition-API: Gamechanger for hybrid app-development thumbnail

Checking access…

Playback and chapters load privately for Free videos.

Matching moments

2:31 min

Replacing single page apps with browser view transitions

Chris Heilmann

Chris Heilmann +2 · LIVE

2:51 min

Animating complex UI states with view transitions

Christian Liebel

Christian Liebel · World Congress 2026 Europe

4:37 min

Modern CSS visual features and framework integration

Chris Heilmann

Chris Heilmann +2 · LIVE

3:33 min

Building seamless transitions with modern CSS animation APIs

Onur Gumus · LIVE

4:52 min

Evaluating performance impacts of advanced CSS animations

Aaron T. Grogg · Coffee With Developers

2:15 min

Transitioning native desktop graphics implementations to the web

Chris Heilmann

Chris Heilmann +3 · LIVE

More from World Congress 2024

Beyond the Hype: Real-World AI Strategies Panel thumbnail

about 1 year ago

Beyond the Hype: Real-World AI Strategies Panel

Mike Butcher, Jürgen Müller, Katrin Lehmann, Tobias Regenfuss

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation thumbnail

almost 2 years ago

Carl Lapierre - Exploring Advanced Patterns in Retrieval-Augmented Generation

Carl Lapierre

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI! thumbnail

about 2 years ago

Coding an Immersive Copilot using Unity / .NET and Azure OpenAI!

Zaid Zaim

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging thumbnail

about 2 years ago

Building a diverse tech company: The power of Diversity, Equity, Inclusion, and Belonging

Sue Quackenbush

Livecoding with AI thumbnail

about 2 years ago

Livecoding with AI

Rainer Stropek

Dapr in Practice thumbnail

about 2 years ago

Dapr in Practice

marcklefter

Upcoming sessions on this topic

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

Vidhya Krishnamoorthy

Morgan Stanley

VP, Software Engineering Manager

React Under Fire: Rendering Performance for Streaming Agent UIs

Abhirupa Mitra

Slack

Senior Member of Technical Staff

From Profiler to Production: Measuring What Actually Matters in React & React Native

Andrei Tazetdinov

Dynatrace

React Native Developer

Build a Zero-Cost AI Agent in Your Browser

Aishwarya Mathuria

Adobe

Computer Scientist
Nishant Thakur

Adobe

Senior Computer Scientist

How is SWE & EM roles are changing in the age of AI

Amol Sharma

Stripe

Engineering Manager

Supply Chain Security for the Everyday Engineer

Pradumna Saraf

Kestra Technologies

Quality Assurance Engineer

Related videos

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail

LIVE • about 1 month ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

What’s New and What’s Next in Web UI thumbnail

World Congress 2024 • about 2 years ago

What’s New and What’s Next in Web UI

Cleyra Uzcategui

Making the switch from web to mobile development thumbnail

LIVE • almost 5 years ago

Making the switch from web to mobile development

Milica Aleksic

Unleash your web skills on native! thumbnail

LIVE • over 5 years ago

Unleash your web skills on native!

Rowdy Rabouw

Web APIs you might not know about thumbnail

JS Congress • almost 5 years ago

Web APIs you might not know about

Sasha Shynkevich

petite-vue - Progressively enhancing every application? thumbnail

LIVE • over 3 years ago

petite-vue - Progressively enhancing every application?

Alexander Lichter

Related articles

DC

Daniel Cranney

View Transition API: Adding Single-Page Transitions With Just HTML, CSS and JS

Over the past few years, you’ve likely noticed an increase in websites and applications featuring transitions that take place as you change page. Perhaps it’s a simple crossfade between the current...

about 1 year ago

An image transitioning in size

DC

Daniel Cranney

3 JavaScript-Free Techniques for Accordions, Dialogs, and Table of Contents

If you’ve ever read the WeAreDevelopers Magazine before, you’ll know we love showing developers how to take advantage of native platform features and avoid over-engineering UI’s with frameworks or ...

9 months ago

A woman on a laptop with a table of contents showing on the screen

BB

Benedikt Bischof

Native Web Apps: Are We There Yet?

Welcome to this issue of the WeAreDevelopers Live Talk series. This article recaps an interesting talk by Maxim Salnikov who spoke about the development of native web apps. What you will learn:Some...

over 4 years ago

Native Web Apps: Are We There Yet?

DC

Daniel Cranney

CSS-Only Scroll-Driven Animations

Scroll-linked animations look slick, but until now it often meant writing a fair amount of JavaScript, scroll event listeners, getBoundingClientRect(), class toggling and so on, with UX benefits of...

7 months ago

A half-filled progress-bar with CSS hand-written around it

From learning to earning

Jobs that call for the skills explored in this talk.

Senior AI Frontend Engineer

TeamViewer Germany GmbH,

Austin, TX, United States

Expert ReactJS TypeScript Material UI

Senior AI Frontend Engineer

TeamViewer Germany GmbH

Austin, TX, United States

Expert ReactJS TeamViewer TypeScript

React Engineer For Next.Js Ui - Hybrid, Impactful Fintech

Next.js ReactJS Backend

Senior Software Engineer, Fullstack

TeamViewer Germany GmbH,

Austin, TX, United States

Expert HTML NoSQL Webpack

Senior Fullstack AI Engineer (React, C#)

TeamViewer Germany GmbH

Austin, TX, United States

Expert NoSQL DevOps Backend

about 1 month ago • Verified

Senior Mobile Engineer-iOS

Seattle, United States

Expert $184k–258k Remote iOS