Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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

Ben Holmes

45,501 subscribers

82,323 Aufrufe • vor 3 Jahren •via X (Twitter)

Wissenschaft & Technologie

Anya Rossi• Live Now

Private livecam show

9 Kommentare

Profilbild von Hamed Bahram

Hamed Bahramvor 3 Jahren

What tool are you using for screen recording?

Profilbild von Jianqi Pan

Jianqi Panvor 3 Jahren

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

Profilbild von Jon Kurtis ⚡

Jon Kurtis ⚡vor 3 Jahren

Animate between pages *like an SPA*

Profilbild von Gaurav

Gauravvor 3 Jahren

Like SPA 😲😲??

Profilbild von emmett naughton

emmett naughtonvor 3 Jahren

Dude thanks for this explanation. Those are so smooth.

Profilbild von Darren Baldwin

Darren Baldwinvor 3 Jahren

Feels like straight wizardry

Profilbild von aris

arisvor 3 Jahren

”no javascript no css” wtf

Profilbild von Ben Holmes

Ben Holmesvor 3 Jahren

*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

Profilbild von Sun 🇲🇺

Sun 🇲🇺vor 3 Jahren

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

Ähnliche Videos

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

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

Etherlink 🔗

23,582 Aufrufe • vor 1 Jahr

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 👀

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 Aufrufe • vor 16 Tagen

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

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 Aufrufe • vor 2 Jahren

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.

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 Aufrufe • vor 1 Jahr

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:

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 Aufrufe • vor 2 Jahren

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.

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 Aufrufe • vor 7 Monaten

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.

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 Aufrufe • vor 1 Jahr

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 👇

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 Aufrufe • vor 6 Monaten

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.

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 Aufrufe • vor 2 Jahren

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.

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 Aufrufe • vor 2 Jahren

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)

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,338 Aufrufe • vor 1 Jahr

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!

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,224 Aufrufe • vor 2 Monaten

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

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 Aufrufe • vor 11 Monaten

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 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,168 Aufrufe • vor 1 Jahr

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.

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 Aufrufe • vor 3 Jahren

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:

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 Aufrufe • vor 9 Monaten

🤩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.👀

🤩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 Aufrufe • vor 10 Monaten

“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.”

“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 Aufrufe • vor 9 Monaten

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 👀

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,868 Aufrufe • vor 1 Monat

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.

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 Aufrufe • vor 9 Monaten