Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

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

Ben Holmes

45,501 subscribers

82,323 görüntüleme • 3 yıl önce •via X (Twitter)

Bilim & Teknoloji

Anya Rossi• Live Now

Private livecam show

9 Yorum

Hamed Bahram profil fotoğrafı

Hamed Bahram3 yıl önce

What tool are you using for screen recording?

Jianqi Pan profil fotoğrafı

Jianqi Pan3 yıl önce

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

Jon Kurtis ⚡ profil fotoğrafı

Jon Kurtis ⚡3 yıl önce

Animate between pages *like an SPA*

Gaurav profil fotoğrafı

Gaurav3 yıl önce

Like SPA 😲😲??

emmett naughton profil fotoğrafı

emmett naughton3 yıl önce

Dude thanks for this explanation. Those are so smooth.

Darren Baldwin profil fotoğrafı

Darren Baldwin3 yıl önce

Feels like straight wizardry

aris profil fotoğrafı

aris3 yıl önce

”no javascript no css” wtf

Ben Holmes profil fotoğrafı

Ben Holmes3 yıl önce

*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 🇲🇺 profil fotoğrafı

Sun 🇲🇺3 yıl önce

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

Benzer Videolar

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 görüntüleme • 1 yıl önce

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 görüntüleme • 20 gün önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

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,347 görüntüleme • 1 yıl önce

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,318 görüntüleme • 3 ay önce

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 görüntüleme • 11 ay önce

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,318 görüntüleme • 1 yıl önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 9 ay önce

🤩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 görüntüleme • 10 ay önce

“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 görüntüleme • 9 ay önce

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,970 görüntüleme • 1 ay önce

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 görüntüleme • 9 ay önce