#viewtransitions — Public Fediverse posts

View Transitions: Careful Not to Make Stuff Unclickable, by @chriscoyier (@frontendmasters.com):

https://master.dev/blog/view-transitions-careful-not-to-make-stuff-unclickable/?ref=frontenddogma.com

#css #viewtransitions #usability

#Development #Proposals
Styling the navigation · A proposal for route-aware styling in plain CSS https://ilo.im/16ey2f

_____
#ModernCSS #Styling #Routes #Navigations #Animations #ViewTransitions #WebDev #Frontend #CSS

#Development #Examples
CSS infinity use cases · Some elegant solutions and a lot of joy https://ilo.im/16etfc

_____
#CssCalc #CssClamp #Borders #Animations #Transitions #ViewTransitions #Browsers #WebDev #Frontend #CSS

#Development #Guides
How I set up view transitions · A deep dive into the mechanics behind the transitions https://ilo.im/16eds9

_____
#ModernCSS #ViewTransitions #Animations #CustomProperties #Browsers #WebDev #Frontend #CSS

Animating the “dialog” Element Using View Transitions, by @rikschennink:

https://pqina.nl/blog/animating-the-dialog-element-using-view-transitions/?ref=frontenddogma.com

#modals #html #animations #viewtransitions #javascript #css

#Development #Techniques
Animating the HTML dialog element · A modern approach with native web APIs https://ilo.im/16dze5

_____
#HTMLDialog #Invokers #ViewTransitions #Animations #ProgressiveEnhancements #APIs #WebDev #Frontend #HTML #CSS #JavaScript

Demystifying the View Transition Pseudo Tree, by @Cyd (@frontendmasters.com):

https://master.dev/blog/demystifying-the-view-transition-pseudo-tree/?ref=frontenddogma.com

#css #viewtransitions

Why Isn’t My 3D View Transition Working?, by @sunkanmifafowora.bsky.social (@csstricks):

https://css-tricks.com/why-isnt-my-3d-view-transition-working/?ref=frontenddogma.com

#css #viewtransitions

View Transitions: Use the New “attr()” or “match-element” for the “view-transition-name”?, by @bramus:

https://www.bram.us/2026/06/19/view-transition-name-attr-or-match-element/?ref=frontenddogma.com

#css #viewtransitions

CSS Can Now Animate Between Pages: View Transitions Without JavaScript, by (not on Mastodon or Bluesky):

https://www.rotecodefraktion.de/en/blog/css-view-transitions-zwischen-seiten/?ref=frontenddogma.com

#css #animations #viewtransitions

#Development #Techniques
Demystifying the view transition pseudo tree · Customizing view transitions via pseudo-elements https://ilo.im/16dnju

_____
#ModernCSS #ViewTransitions #Animations #Browsers #WebDev #Frontend #CSS

Scroll-Driven, Scroll-Triggered, Scroll States, and View Transitions, by @geoff (@csstricks):

https://css-tricks.com/scroll-driven-scroll-triggered-scroll-states-and-view-transitions/?ref=frontenddogma.com

#css #scrolling #animations #viewtransitions #containerqueries

#Development #Techniques
Entry and exit transitions with modern CSS · Techniques for transitions and view transitions https://ilo.im/16de22

_____
#ModernCSS #Transitions #ViewTransitions #Animations #APIs #WebDev #Frontend #HTML #CSS #JavaScript

Cross-Document View Transitions: The Gotchas Nobody Mentions, by @csstricks:

https://css-tricks.com/cross-document-view-transitions-part-1/?ref=frontenddogma.com

#css #viewtransitions

What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More, by @dxnny.fun (@csstricks):

https://css-tricks.com/whats-important-11/

#css #retrospectives #polypane #animations #focus #viewtransitions #webplatform

Added support for #viewtransitions, state propagation to the UI via @toxi s Atom, wake lock and some tidy ups.

Animating Focus With View Transitions, by @chriscoyier (@frontendmasters.com):

https://frontendmasters.com/blog/animating-focus-with-view-transitions/

#css #animations #viewtransitions #focus

CSS Recently in All Browsers, by @argyleink:

https://nerdy.dev/CSS-recently-in-all-browsers

#css #anchorpositioning #scope #containerqueries #shapes #viewtransitions #units

7 View Transitions Recipes to Try, by @sunkanmifafowora.bsky.social (@csstricks):

https://css-tricks.com/7-view-transitions-recipes-to-try/

#css #viewtransitions #examples

View Transitions Toolkit, by @bramus:

https://www.npmjs.com/package/view-transitions-toolkit

#packages #css #viewtransitions

#Development #Launches
View Transitions Toolkit · Ready-to-use utility functions to simplify View Transitions https://ilo.im/16bvzm

_____
#ViewTransitions #Animations #Playback #FeatureDetection #Shim #Browsers #WebDev #Frontend #CSS #JavaScript

[Перевод] 10 веб-API, заменяющих многие библиотеки JavaScript

Современные браузеры тихо съедают экосистему JavaScript живьем. За последние несколько лет основные браузеры выпустили нативные веб-API, которые заменяют удивительно большое количество утилит, которые мы до сих пор устанавливаем по привычке. Тем не менее, многие разработчики продолжают использовать уже ненужные, но привычные библиотеки. Если зависимость всегда работала, она остается в стеке, даже если браузер уже умеет выполнять ту же работу. Такой подход обходится дороже, чем кажется. Каждый дополнительный пакет увеличивает вес сборки, затраты на обслуживание, частоту обновления версий и риск отказа от проекта в долгосрочной перспективе. Нативные API-интерфейсы стоят пользователям 0 КБ данных, работают глубоко в движке (часто вне основного потока (main thread)) и используют оптимизации, недоступные библиотекам.

https://habr.com/ru/articles/1015134/

#javascript #js #webapi #fetch #formdata #url #popover #clipboard #resizeobserver #viewtransitions

#Development #Launches
Introducing CSS ‘view-transitions-mock’ · A non-visual polyfill for same-document view transitions https://ilo.im/16bak0

_____
#ModernCSS #ViewTransitions #Polyfill #APIs #Browsers #WebDev #Frontend #CSS #JavaScript

View Transitions Can Swoop‽, by @argyleink:

https://nerdy.dev/swoop-there-it-is

#css #viewtransitions #effects

January 2026 Baseline Monthly Digest, by @malchata (@developers):

https://web.dev/blog/baseline-digest-jan-2026

#browsers #support #webplatform #css #viewtransitions #javascript #webworkers #apis #units