#animations

[ follow ]
#css #web-development #user-experience #javascript #accessibility #view-transitions #browser-compatibility
jQuery
fromCSS-Tricks
1 hour ago

rotateZ() | CSS-Tricks

rotateZ() rotates elements around the z-axis, with direction determined by sign, and is best suited for 3D transforms using perspective.
#view-transitions
fromCSS-Tricks
4 weeks ago
Web development

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
fromBram.us
1 month ago
Web frameworks

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

View-transitions-toolkit simplifies implementing advanced View Transition patterns with focused helper functions.
Web development
fromCSS-Tricks
4 weeks ago

7 View Transitions Recipes to Try | CSS-Tricks

View transitions enhance user experience and are supported by major browsers, but require careful setup and understanding of animation types.
Web frameworks
fromBram.us
1 month ago

Introducing view-transitions-toolkit, a collection of utility functions to more easily work with View Transitions.

View-transitions-toolkit simplifies implementing advanced View Transition patterns with focused helper functions.
more#view-transitions
Web development
fromjQuery Script
3 months ago

Realistic Fireworks Animations Using Canvas - fireworks.js

fireworks.js generates realistic, configurable HTML5 canvas fireworks animations with multi-framework support and responsive, nonintrusive background placement.
#css
more#css
Web development
fromPiccalilli
6 months ago

Some practical examples of view transitions to elevate your UI

View Transition API enables animated transitions between DOM states or pages, simplifying complex animations and preserving user context.
Gadgets
fromZDNET
6 months ago

The new WearOS update finally cured my Apple Watch envy - how to get it

WearOS update brings Material 3 Expressive UI, smoother animations, improved battery life, and performance parity with Apple Watch on supported devices.
Mobile UX
fromGSMArena.com
7 months ago

vivo officially unveils OriginOS 6, here's the device roadmap

OriginOS 6 introduces a spatial, layered 3D visual design, upgraded animations and icons; launches in China now, global unveil Oct 15, public beta in November.
UX design
fromMedium
7 months ago

Vibe coding, corrupt personalization, responsible AI workflows

AI-driven vibe coding inflates simple coding assistants into overpromised transformations, while interface design must prioritize clear intent capture and judicious animation use.
Apple
fromWebKit
8 months ago

Release Notes for Safari Technology Preview 227

Safari Technology Preview Release 227 adds accessibility improvements, animation persistence and bug fixes, and multiple new CSS features for macOS Tahoe and Sequoia.
jQuery
fromjQuery Script
8 months ago

jQuery Plugin for Smooth and Performant CSS3 Transitions

Ultra-light jQuery plugin enabling customizable, smooth CSS3 enter/leave transitions with timing control, rAF optimization, chainable API, and compatibility with Tailwind, Bootstrap, and custom CSS.
UX design
fromMedium
8 months ago

Animated sites are unique, but not always accessible

Follow WCAG guidelines for incorporating videos or animations to ensure website accessibility.
React
fromHackernoon
5 years ago

Shrink Your Lottie Animations by 80% with the .lottie Format | HackerNoon

Lottie animations enhance consumer applications but can be large, with .lottie format offering a way to reduce file sizes significantly.
jQuery
fromjQuery Script
11 months ago

JavaScript Plugin For CSS3 Powered Flip Animations - justFlipIt

justFlipIt enables CSS3 and Web Animations API-based flip animations on DOM elements, supporting both Vanilla JS and jQuery.
fromLogRocket Blog
1 year ago

We can finally move elements in the browser with the moveBefore() API - LogRocket Blog

The newly announced moveBefore() API helps developers easily reposition DOM elements while preserving their state. This new API is particularly valuable for web applications with complex animations and more nuanced state management.
Vue
[ Load more ]