Загрузка видео...

Не удалось загрузить видео

На главную

No more page refreshes in Astro projects! 🤩 Experimental view transitions: animate between pages like iPhone apps 👀

BHolmesDev's profile picture

Ben Holmes

45,501 subscribers

82,323 просмотров • 3 лет назад •via X (Twitter)

Наука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 9

Фото профиля Hamed Bahram
Hamed Bahram3 лет назад

What tool are you using for screen recording?

Фото профиля Jianqi Pan
Jianqi Pan3 лет назад

Currently ios browsers and Firefox don't support it, so hopefully they'll get it up soon!

Фото профиля Jon Kurtis ⚡
Jon Kurtis ⚡3 лет назад

Animate between pages *like an SPA*

Фото профиля Gaurav
Gaurav3 лет назад

Like SPA 😲😲??

Фото профиля emmett naughton
emmett naughton3 лет назад

Dude thanks for this explanation. Those are so smooth.

Фото профиля Darren Baldwin
Darren Baldwin3 лет назад

Feels like straight wizardry

Фото профиля aris
aris3 лет назад

”no javascript no css” wtf

Фото профиля Ben Holmes
Ben Holmes3 лет назад

*to clarify, I meant none you have to author! We ship a small script (a couple KBs) for routing, and bundle 1 line of CSS for each transition directive

Фото профиля Sun 🇲🇺
Sun 🇲🇺3 лет назад

Last time I implemented it on my astro site islands stopped working. Can't wait to try this 🤩

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

Introducing Apple Farm Season 2 🍏🧑‍🌾 More projects, more apps, more DeFi 👀 $3,000,000+ in rewards 🤯 Starting July 24th, get ready!
0:30

Introducing Apple Farm Season 2 🍏🧑‍🌾 More projects, more apps, more DeFi 👀 $3,000,000+ in rewards 🤯 Starting July 24th, get ready!

Etherlink 🔗

23,593 просмотров • 1 год назад

just shipped my new portfolio → kartiklabhshetwar[dot]com built with astro, deployed on cloudflare. fast, no bloat. projects, blog, all in one place. take a look 👀
0:39

just shipped my new portfolio → kartiklabhshetwar[dot]com built with astro, deployed on cloudflare. fast, no bloat. projects, blog, all in one place. take a look 👀

Kartik

17,199 просмотров • 20 дней назад

Did some more Bone fanart recently! I really wanted to try storyboarding a few pages from part of the book, but also wanted to animate the scythe spin from one page. Really tried to keep the spirit of the pages/paneling while also treating it like a production storyboard
0:52

Did some more Bone fanart recently! I really wanted to try storyboarding a few pages from part of the book, but also wanted to animate the scythe spin from one page. Really tried to keep the spirit of the pages/paneling while also treating it like a production storyboard

Checkers

140,511 просмотров • 2 лет назад

Drag a window, tile it into place. 🤩 In #macOSSequoia, it’s even easier to organize your desktop to keep more apps in view. Here’s how to tile your windows.
1:08

Drag a window, tile it into place. 🤩 In #macOSSequoia, it’s even easier to organize your desktop to keep more apps in view. Here’s how to tile your windows.

Apple Support

44,377 просмотров • 1 год назад

Page templates are *here* — plus a preview of page building mode. 👀 Now you can speed up static page creation by templatizing pages you build often, plus an update on progress towards page building mode. Learn more in the update post:
0:58

Page templates are *here* — plus a preview of page building mode. 👀 Now you can speed up static page creation by templatizing pages you build often, plus an update on progress towards page building mode. Learn more in the update post:

Webflow

33,811 просмотров • 2 лет назад

Introducing the new Lovable dashboard 🔥 The first step towards making Lovable feel more personal. Here’s what’s new: 1/ Meet the new "Home" One simple view that lets you easily create new projects. PS: Choose between different gradients to make it feel more like you. 2/ Simple navigation The new sidebar gives extra clarity and makes jumping between the most important pages easier than ever. 3/ Welcome global search (Command K) Quickly find what you're looking for from anywhere by clicking CMD K. PS: You can even ask Lovable to create a new project directly from that view. 4/ Introducing folders Start organizing your projects in folders. Lovable now grows with you. 5/ Star your projects Keep your favorite projects handy at the top. 6/ Discover and Templates Explore apps built by other Lovable users. Coming soon. Check it out and let me know what you think. Now available to all Lovable users.
3:30

Introducing the new Lovable dashboard 🔥 The first step towards making Lovable feel more personal. Here’s what’s new: 1/ Meet the new "Home" One simple view that lets you easily create new projects. PS: Choose between different gradients to make it feel more like you. 2/ Simple navigation The new sidebar gives extra clarity and makes jumping between the most important pages easier than ever. 3/ Welcome global search (Command K) Quickly find what you're looking for from anywhere by clicking CMD K. PS: You can even ask Lovable to create a new project directly from that view. 4/ Introducing folders Start organizing your projects in folders. Lovable now grows with you. 5/ Star your projects Keep your favorite projects handy at the top. 6/ Discover and Templates Explore apps built by other Lovable users. Coming soon. Check it out and let me know what you think. Now available to all Lovable users.

Felix Haas

15,870 просмотров • 7 месяцев назад

Free Idea We use tabs in browsers to manage multiple pages. But what if apps did the same? Switch between listings, details or profiles — without losing context. No modals. Just flow. Built with SwiftUI.
0:31

Free Idea We use tabs in browsers to manage multiple pages. But what if apps did the same? Switch between listings, details or profiles — without losing context. No modals. Just flow. Built with SwiftUI.

Onur Gür

155,112 просмотров • 1 год назад

Why are Shared Element Transitions still behind an experimental flag? How do you enable them in your projects? And what’s next for the Reanimated team? 🤔 Grab a drink, take a seat – and join Alek Mikucki & Bartłomiej Błoniarz as they dive into all this and more! Link to full video in the thread 👇
0:44

Why are Shared Element Transitions still behind an experimental flag? How do you enable them in your projects? And what’s next for the Reanimated team? 🤔 Grab a drink, take a seat – and join Alek Mikucki & Bartłomiej Błoniarz as they dive into all this and more! Link to full video in the thread 👇

Software Mansion

40,415 просмотров • 7 месяцев назад

You want a fast initial page load, but you also have dynamic, personalized product requirements. What if you could have both, within the same page, with no new APIs? Learn more about experimental Partial Prerendering in Next.js.
11:31

You want a fast initial page load, but you also have dynamic, personalized product requirements. What if you could have both, within the same page, with no new APIs? Learn more about experimental Partial Prerendering in Next.js.

Lee Robinson

88,481 просмотров • 2 лет назад

We completely re-invented the mobile crypto experience. Login with Google directly on dApps and sign transactions embedded in the site. No more app downloads, bouncing between apps, and in-app browsers.
0:37

We completely re-invented the mobile crypto experience. Login with Google directly on dApps and sign transactions embedded in the site. No more app downloads, bouncing between apps, and in-app browsers.

TipLink (now @Fin)

25,194 просмотров • 2 лет назад

let's make more unique website in 2025 👀. ....We use Jitter at Luma to animate and visualize before we develop the page. If you want to remix and break it apart and see whats up: Have fun : ) (More break down behind the scene on the way)
0:38

let's make more unique website in 2025 👀. ....We use Jitter at Luma to animate and visualize before we develop the page. If you want to remix and break it apart and see whats up: Have fun : ) (More break down behind the scene on the way)

Jiacheng

34,347 просмотров • 1 год назад

We are super excited to launch the in-app browser inside Codex with comment mode! View any web pages & iterate with your agent quickly with just point and click. Codex will automatically capture a screenshot, the DOM element, and feed it as precise context to your next chat. No more switching between browsers, dragging screenshots, and wrangling with underspecified prompts. It's great for front-end development of apps/pages, but also very useful if you have documentation pulled up on the side and just want to ask a question!
0:29

We are super excited to launch the in-app browser inside Codex with comment mode! View any web pages & iterate with your agent quickly with just point and click. Codex will automatically capture a screenshot, the DOM element, and feed it as precise context to your next chat. No more switching between browsers, dragging screenshots, and wrangling with underspecified prompts. It's great for front-end development of apps/pages, but also very useful if you have documentation pulled up on the side and just want to ask a question!

James Sun

404,318 просмотров • 3 месяцев назад

Photoshop Beta just got an Image Upscale feature 👀 No more jumping to third-party apps to fix blurry pics. It’s all in-house now 🔥 Adobe Photoshop Adobe
0:51

Photoshop Beta just got an Image Upscale feature 👀 No more jumping to third-party apps to fix blurry pics. It’s all in-house now 🔥 Adobe Photoshop Adobe

Brainiac Graphics

87,409 просмотров • 11 месяцев назад

Tangem Markets 📊 We’ve added a powerful new Markets section to the Tangem Wallet app, bringing you real-time crypto data and insights. Now, you can track live price movements, analyze trends, view key metrics, and manage supported cryptocurrencies—all in one place. No more switching between apps to find the info you need. Watch this video to explore Tangem Markets in more detail.
1:21

Tangem Markets 📊 We’ve added a powerful new Markets section to the Tangem Wallet app, bringing you real-time crypto data and insights. Now, you can track live price movements, analyze trends, view key metrics, and manage supported cryptocurrencies—all in one place. No more switching between apps to find the info you need. Watch this video to explore Tangem Markets in more detail.

Tangem

23,318 просмотров • 1 год назад

Looks like you can now add "visionOS Build Support (experimental)" if you install Unity 2022.3.5f1. Currently, you can create, build, & deploy #VisionOS Windows Apps, & no VisionOS plugin is available under XR Plug-in Management yet, I believe this will roll out w/ PolySpatial.
0:26

Looks like you can now add "visionOS Build Support (experimental)" if you install Unity 2022.3.5f1. Currently, you can create, build, & deploy #VisionOS Windows Apps, & no VisionOS plugin is available under XR Plug-in Management yet, I believe this will roll out w/ PolySpatial.

Dilmer

20,004 просмотров • 3 лет назад

Stay connected—even in the most remote areas. T-Satellite now supports apps like Dialpad, MultiLine, and Direct Connect—no towers required. No hardware. No setup. Just signal where it matters. 🔗 Read more:
0:30

Stay connected—even in the most remote areas. T-Satellite now supports apps like Dialpad, MultiLine, and Direct Connect—no towers required. No hardware. No setup. Just signal where it matters. 🔗 Read more:

T-Mobile Business

471,223 просмотров • 9 месяцев назад

🤩Chinese-built bridges, #hydropower stations & highways appear on 121 banknotes in 58 countries! #CCCC projects like #CHEC’s Jamaica Highway, #CRBC’s Peljesac Bridge & #CWE’s Kaleta Hydropower shine on currency—proving global impact through infrastructure.👀
1:13

🤩Chinese-built bridges, #hydropower stations & highways appear on 121 banknotes in 58 countries! #CCCC projects like #CHEC’s Jamaica Highway, #CRBC’s Peljesac Bridge & #CWE’s Kaleta Hydropower shine on currency—proving global impact through infrastructure.👀

China Communications Construction

118,024 просмотров • 10 месяцев назад

“Inception” star Elliot Page says filming “The Odyssey” post-transition feels like having “a Chris Nolan experience” all over again. “It was such a joy to come back,” Page said during an “X-Men: Days of Future Past” reunion panel at #NYCC. “As you can imagine, being more comfortable in yourself makes these sort of projects more enjoyable.”
1:12

“Inception” star Elliot Page says filming “The Odyssey” post-transition feels like having “a Chris Nolan experience” all over again. “It was such a joy to come back,” Page said during an “X-Men: Days of Future Past” reunion panel at #NYCC. “As you can imagine, being more comfortable in yourself makes these sort of projects more enjoyable.”

Variety

2,826,273 просмотров • 9 месяцев назад

I gave Claude Mythos ONE prompt… And it instantly built this fully branded eCom landing page 🔥 It looks like something a $15k agency would spend weeks creating. But I used: ❌ No code ❌ No designer ❌ No Fiverr ❌ No page builder Just one prompt. This is where dropshipping is heading. AI that can take a product idea and turn it into a conversion-focused landing page in seconds. If you want the exact prompt + my full Claude skill to create pages like this for your own store… ❤️ Like 🔁 Repost 💬 Comment “Claude Mythos” I’ll DM it to you. First 500 only 👀
0:20

I gave Claude Mythos ONE prompt… And it instantly built this fully branded eCom landing page 🔥 It looks like something a $15k agency would spend weeks creating. But I used: ❌ No code ❌ No designer ❌ No Fiverr ❌ No page builder Just one prompt. This is where dropshipping is heading. AI that can take a product idea and turn it into a conversion-focused landing page in seconds. If you want the exact prompt + my full Claude skill to create pages like this for your own store… ❤️ Like 🔁 Repost 💬 Comment “Claude Mythos” I’ll DM it to you. First 500 only 👀

Kamil Sattar | The Ecom King

13,970 просмотров • 1 месяц назад

Sick new Atlas feature: Template-Based Product Page Generation 1. Create your ideal product page layout once in Shopify 2. Save it as a template. 3. Generate infinite product pages with AI that follow your exact template structure No more deleting unwanted sections or rebuilding layouts from scratch.
3:08

Sick new Atlas feature: Template-Based Product Page Generation 1. Create your ideal product page layout once in Shopify 2. Save it as a template. 3. Generate infinite product pages with AI that follow your exact template structure No more deleting unwanted sections or rebuilding layouts from scratch.

Sebastian Ghiorghiu

20,192 просмотров • 9 месяцев назад