Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

Seamless Page Transitions with Astro and Web Platform APIs (with Maxi Ferreira) | Some Antics

Автор: Ben Myers

Загружено: 2022-09-29

Просмотров: 1651

Описание:

The new experimental Shared Element Transition API in Google Chrome enables single-page applications to transition from page to page smoothly and seamlessly as the user navigates, much like a native application might. Our guest Maxi Ferreira has put together a lovely proof of concept of page transitions working in a multi-page application. Join us as he shows us how it can be done with web platform APIs and a little help from Astro!

Broadcasted live on Twitch on September 13, 2022. Watch future streams live at   / someanticsdev  .

Transcript and links at: https://someantics.dev/astro-page-tra...
Source code: https://github.com/SomeAnticsDev/astr...
Demo: https://some-antics-astro-page-transi...
Follow Maxi on Twitter:   / charca  
Maxi's blog: https://www.maxiferreira.com/

#AstroDotBuild #WebDevelopment #JavaScript

---

Mentioned Links
• Some Antics: Modern Websites with CSS Cascade Layers and Astro (with Mayank): https://someantics.dev/cascade-layers...
• Chrome Developers blog on the Shared Element Transition API: https://developer.chrome.com/blog/sha...
• Ping: https://ping.gg
• Some Antics: Lift Off with the Astro v1 Beta (with Ben Holmes): https://someantics.dev/astro-v1-beta/
• Chrome Developers blog on the Navigation API: https://developer.chrome.com/docs/web...
• Maxi's "Experiments with Astro and the Shared Element Transition API" blogpost: https://www.maxiferreira.com/blog/ast...

---

00:00:00 Howdy!
00:01:29 What Is the Shared Element Transition API?
00:06:54 Enabling Experimental Flags
00:10:55 Checking Out the Astro Music MPA!
00:15:23 Adding the Product Details Route
00:20:07 Faking an SPA with the Navigation API
00:35:52 Making a Transition
00:38:12 Animating the Page Transition with CSS
00:45:07 Transitioning Shared Elements
00:53:29 Transitioning Back to the Homepage
01:00:23 Accounting for Latency
01:10:11 More Fancy Transition Animations
01:20:21 Wrapping Up

Seamless Page Transitions with Astro and Web Platform APIs (with Maxi Ferreira) | Some Antics

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

Understanding Polymarket Orderbook with HyperIndex (by @envio_indexer), part 19

Understanding Polymarket Orderbook with HyperIndex (by @envio_indexer), part 19

Я в опасности

Я в опасности

Underengineer Your Websites (with Adrian Roselli) | Some Antics

Underengineer Your Websites (with Adrian Roselli) | Some Antics

How AI Agents Talk to Each Other: Agent-to-Agent (A2A) Explained

How AI Agents Talk to Each Other: Agent-to-Agent (A2A) Explained

Build Elm Apps (with Lindsay Wardell) | Some Antics

Build Elm Apps (with Lindsay Wardell) | Some Antics

Mutation Testing with Stryker (with Adrianne Mallett) | Some Antics

Mutation Testing with Stryker (with Adrianne Mallett) | Some Antics

It's Time To React ⚛️: A First Look

It's Time To React ⚛️: A First Look

Build Accessible Vue Apps with Vuetensils (with Austin Gil) | Some Antics

Build Accessible Vue Apps with Vuetensils (with Austin Gil) | Some Antics

Stop Rambling: The 3-2-1 Speaking Trick That Makes You Sound Like A CEO

Stop Rambling: The 3-2-1 Speaking Trick That Makes You Sound Like A CEO

But how do AI images and videos actually work? | Guest video by Welch Labs

But how do AI images and videos actually work? | Guest video by Welch Labs

I Skied Down Mount Everest (world first, no oxygen)

I Skied Down Mount Everest (world first, no oxygen)

BlueSCSI WiFi is Magic

BlueSCSI WiFi is Magic

The Biggest 3D Printer Adam Savage Has Ever Seen!

The Biggest 3D Printer Adam Savage Has Ever Seen!

Apple Wants You To Rent Apps Now

Apple Wants You To Rent Apps Now

Great Typography with Modern CSS (with Mike Mai) | Some Antics

Great Typography with Modern CSS (with Mike Mai) | Some Antics

The Windows 11 Disaster That's Killing Microsoft

The Windows 11 Disaster That's Killing Microsoft

Physicist Brian Cox explains quantum physics in 22 minutes

Physicist Brian Cox explains quantum physics in 22 minutes

Почему Питер Шольце — математик, каких бывает раз в поколение?

Почему Питер Шольце — математик, каких бывает раз в поколение?

Deploy to the Decentralized Web with IPFS (with Anthony Campolo) | Some Antics

Deploy to the Decentralized Web with IPFS (with Anthony Campolo) | Some Antics

Why Time Flows Differently Between Galaxies

Why Time Flows Differently Between Galaxies

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: infodtube@gmail.com