home.social

#viewtransitions — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #viewtransitions, aggregated by home.social.

  1. Frontend Dogma @frontenddogma ·

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

    css-tricks.com/cross-document-

    #viewtransitions #css
  2. Frontend Dogma @[email protected] ·

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

    css-tricks.com/cross-document-

    #css #viewtransitions

    #viewtransitions #css
  3. Frontend Dogma @frontenddogma ·

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

    css-tricks.com/whats-important

    #webplatform #viewtransitions #focus #animations #polypane #retrospectives
  4. Frontend Dogma @[email protected] ·

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

    css-tricks.com/whats-important

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

    #webplatform #viewtransitions #focus #animations #polypane #retrospectives
  5. Frontend Dogma @[email protected] ·

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

    css-tricks.com/whats-important

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

    #webplatform #viewtransitions #focus #animations #polypane #retrospectives
  6. Frontend Dogma @[email protected] ·

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

    css-tricks.com/whats-important

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

    #webplatform #viewtransitions #focus #animations #polypane #retrospectives
  7. Frontend Dogma @[email protected] ·

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

    css-tricks.com/whats-important

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

    #webplatform #viewtransitions #focus #animations #polypane #retrospectives
  8. Aleš Roubíček @[email protected] ·

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

    #viewtransitions
  9. Frontend Dogma @[email protected] ·

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

    frontendmasters.com/blog/anima

    #css #animations #viewtransitions #focus

    #focus #viewtransitions #animations #css
  10. Frontend Dogma @[email protected] ·

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

    frontendmasters.com/blog/anima

    #css #animations #viewtransitions #focus

    #focus #viewtransitions #animations #css
  11. Frontend Dogma @[email protected] ·

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

    frontendmasters.com/blog/anima

    #css #animations #viewtransitions #focus

    #focus #viewtransitions #animations #css
  12. Frontend Dogma @frontenddogma ·

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

    frontendmasters.com/blog/anima

    #focus #viewtransitions #animations #css
  13. Frontend Dogma @[email protected] ·

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

    frontendmasters.com/blog/anima

    #css #animations #viewtransitions #focus

    #focus #viewtransitions #animations #css
  14. Frontend Dogma @[email protected] ·

    CSS Recently in All Browsers, by @argyleink:

    nerdy.dev/CSS-recently-in-all-

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

    #units #viewtransitions #shapes #containerqueries #scope #anchorpositioning
  15. Frontend Dogma @[email protected] ·

    CSS Recently in All Browsers, by @argyleink:

    nerdy.dev/CSS-recently-in-all-

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

    #units #viewtransitions #shapes #containerqueries #scope #anchorpositioning
  16. Frontend Dogma @[email protected] ·

    CSS Recently in All Browsers, by @argyleink:

    nerdy.dev/CSS-recently-in-all-

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

    #units #viewtransitions #shapes #containerqueries #scope #anchorpositioning
  17. Frontend Dogma @frontenddogma ·

    CSS Recently in All Browsers, by @argyleink:

    nerdy.dev/CSS-recently-in-all-

    #units #viewtransitions #shapes #containerqueries #scope #anchorpositioning
  18. Frontend Dogma @[email protected] ·

    CSS Recently in All Browsers, by @argyleink:

    nerdy.dev/CSS-recently-in-all-

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

    #units #viewtransitions #shapes #containerqueries #scope #anchorpositioning
  19. Frontend Dogma @[email protected] ·

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

    css-tricks.com/7-view-transiti

    #css #viewtransitions #examples

    #examples #viewtransitions #css
  20. Frontend Dogma @[email protected] ·

    View Transitions Toolkit, by @bramus:

    npmjs.com/package/view-transit

    #packages #css #viewtransitions

    #viewtransitions #css #packages
  21. Frontend Dogma @[email protected] ·

    View Transitions Toolkit, by @bramus:

    npmjs.com/package/view-transit

    #packages #css #viewtransitions

    #viewtransitions #css #packages
  22. Inautilo @[email protected] ·

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

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

    #development #launches #viewtransitions #animations #playback #featuredetection
  23. Inautilo @[email protected] ·

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

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

    #development #launches #viewtransitions #animations #playback #featuredetection
  24. Inautilo @[email protected] ·

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

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

    #javascript #css #frontend #webdev #browsers #shim
  25. Inautilo @[email protected] ·

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

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

    #development #launches #viewtransitions #animations #playback #featuredetection
  26. Habr @[email protected] ·

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

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

    habr.com/ru/articles/1015134/

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

    #viewtransitions #resizeobserver #clipboard #popover #url #formdata
  27. Habr @[email protected] ·

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

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

    habr.com/ru/articles/1015134/

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

    #viewtransitions #resizeobserver #clipboard #popover #url #formdata
  28. Habr @[email protected] ·

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

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

    habr.com/ru/articles/1015134/

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

    #viewtransitions #resizeobserver #clipboard #popover #url #formdata
  29. Habr @[email protected] ·

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

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

    habr.com/ru/articles/1015134/

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

    #javascript #js #webapi #fetch #formdata #url
  30. Inautilo @[email protected] ·

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

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

    #development #launches #moderncss #viewtransitions #polyfill #apis
  31. Inautilo @[email protected] ·

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

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

    #development #launches #moderncss #viewtransitions #polyfill #apis
  32. Inautilo @[email protected] ·

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

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

    #javascript #css #frontend #webdev #browsers #apis
  33. Inautilo @[email protected] ·

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

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

    #development #launches #moderncss #viewtransitions #polyfill #apis
  34. Frontend Dogma @[email protected] ·

    View Transitions Can Swoop‽, by @argyleink:

    nerdy.dev/swoop-there-it-is

    #css #viewtransitions #effects

    #effects #viewtransitions #css
  35. Frontend Dogma @[email protected] ·

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

    web.dev/blog/baseline-digest-j

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

    #units #apis #webworkers #javascript #viewtransitions #css
  36. Miro @[email protected] ·

    Playing around with #ViewTransitions. Really cool, although I think it's very tempting to overdo it.

    The web platform just keeps getting more powerful (and more complex as well).

    @firefoxwebdevs is there a timeline for support of the @view-transition rule in Firefox already?

    #viewtransitions
  37. Frontend Dogma @[email protected] ·

    React’s “ViewTransition” Element, by @chriscoyier (@frontendmasters.com):

    frontendmasters.com/blog/react

    #react #viewtransitions

    #viewtransitions #react
  38. Frontend Dogma @[email protected] ·

    View Transitions and Playing Video, by @chriscoyier (@frontendmasters.com):

    frontendmasters.com/blog/view-

    #javascript #viewtransitions #multimedia

    #multimedia #viewtransitions #javascript
  39. Frontend Dogma @[email protected] ·

    Why Are My View Transitions Blinking?, by @piccalil.li:

    piccalil.li/blog/why-are-my-vi

    #css #viewtransitions

    #viewtransitions #css
  40. Learn JavaScript, React, and TypeScript to Node.js, Fullstack, and Backend [Unofficial] @[email protected] ·

    View Transitions & Playing Video

    web.brid.gy/r/https://frontend

    #blogpost #javascript #video #viewtransitions
  41. Frontend Dogma @[email protected] ·

    Dialog View Transitions, by @medienbaecker:

    medienbaecker.com/articles/dia

    #modals #javascript #viewtransitions

    #viewtransitions #javascript #modals
  42. Frontend Dogma @[email protected] ·

    Dialog View Transitions, by @medienbaecker:

    medienbaecker.com/articles/dia

    #modals #javascript #viewtransitions

    #viewtransitions #javascript #modals
  43. Frontend Dogma @[email protected] ·

    Dialog View Transitions, by @medienbaecker:

    medienbaecker.com/articles/dia

    #modals #javascript #viewtransitions

    #viewtransitions #javascript #modals
  44. Frontend Dogma @frontenddogma ·

    Dialog View Transitions, by @medienbaecker:

    medienbaecker.com/articles/dia

    #viewtransitions #javascript #modals
  45. Frontend Dogma @[email protected] ·

    Dialog View Transitions, by @medienbaecker:

    medienbaecker.com/articles/dia

    #modals #javascript #viewtransitions

    #viewtransitions #javascript #modals
  46. Inautilo @[email protected] ·

    #Development #Techniques
    Dialog view transitions · Smooth animations for native HTML dialogs ilo.im/1698lv

    _____
    #HtmlDialog #ViewTransitions #API #ProgressiveEnhancement #Browser #WebDev #Frontend #DOM #HTML #JavaScript

    #development #techniques #htmldialog #viewtransitions #api #progressiveenhancement
  47. Frontend Dogma @[email protected] ·

    Different Page Transitions for Different Circumstances, by @chriscoyier (@frontendmasters.com):

    frontendmasters.com/blog/diffe

    #css #viewtransitions #animations

    #animations #viewtransitions #css
  48. Tane Piper ⁂ @[email protected] ·

    Something I could not find over the weekend - a good #css3 example of using #viewtransitions to create a magazine-like folding page interface that works as a #pwa from cover to back

    I can also tell because there seems to be no good examples on the web because #genAI completely sucked at it

    #css3 #viewtransitions #pwa #genai
  49. Inautilo @[email protected] ·

    #Development #Demos
    Re-imagine the web · What you can do with Scoped View Transitions ilo.im/168vwf

    _____
    #ModernCSS #ViewTransitions #Animations #Chrome #Browser #Design #WebDesign #WebDev #Frontend #CSS

    #development #demos #moderncss #viewtransitions #animations #chrome
  50. Frontend Dogma @[email protected] ·

    A Beginner-Friendly Guide to View Transitions in CSS, by @mdn:

    developer.mozilla.org/en-US/bl

    #guides #css #viewtransitions

    #viewtransitions #css #guides