#animations

[ follow ]
Smashing Magazine
4 days ago
JavaScript

The Times You Need A Custom @property Instead Of A CSS Variable - Smashing Magazine

Custom properties and CSS variables differ but are related. Custom properties provide more freedom and flexibility, especially in designing complex animations. [ more ]
Evoluteur
1 month ago
JavaScript

Isomorphic-Table-Cards

Animations can be incorporated during transition between cards and table views
The demo uses Vanilla Javascript, CSS, and HTML, and can also be implemented using D3.js [ more ]
Sitepoint
2 months ago
JavaScript

Essential React Native Performance Tips and Tricks - SitePoint

Developers need to prioritize performance optimization to enhance user experience in React Native applications.
Balancing animations between the JS thread and the main thread can prevent performance issues in React Native applications. [ more ]
Heydonworks
3 months ago
JavaScript

Offloading JavaScript With Custom Properties

Enable clients to create their own web animations by providing them with tools
Use IntersectionObserver to handle scroll-driven animations [ more ]
Jakearchibald
2 months ago
Web development

View transitions: Handling aspect ratio changes

View transitions can be affected when the content changes aspect ratio, leading to inconsistent animations.
Utilizing CSS properties like position:absolute and fit-content can help maintain consistent aspect ratios in view transitions. [ more ]
Speckyboy Design Magazine
2 months ago
Web design

Examples of SVG Shape Usage in Web Design

SVG offers versatile design elements
SVG provides flexibility and responsiveness for modern design
SVG can be used for animations and special effects [ more ]
Medium
3 months ago
Web design

3 paths with LottieFiles to master motion design

After Effects, along with the LottieFiles Plugin, is a great tool for creating complex animations.
To create a Lottie compatible animation in After Effects, you need to focus on the necessary features and clean up your assets in Adobe Illustrator. [ more ]
Vulture
3 months ago
Web design

Those Bowling Alley Animations Strike a Serious Note on SNL

Saturday Night Live featured a bowling alley-themed sketch that took a dark turn in the animations.
The sketch used animations to add comedic and unexpected twists to the bowling date scenario. [ more ]
Nic Chan
6 months ago
Web design

View transitions and stacking context: Why does my CSS View Transition ignore z-index? - Nic Chan

The author experimented with the View Transitions API for animations in their portfolio site.
There was an issue with the animation playing on top of the footer instead of behind it. [ more ]
GSMArena.com
3 months ago
Artificial intelligence

Samsung Galaxy One UI 6.1 (Android 14) on Galaxy S24 review

One UI 6.0 is the Android 14 update for Samsung devices, while One UI 6.1 brings changes to the Lock screen, Always On Display, gesture navigation, and animations.
The Galaxy AI feature is one of the most interesting aspects of One UI 6.1, although not much detail is provided in the article about what it entails. [ more ]
Medium
5 months ago
San Francisco

"Let's Glow SF" gives San Francisco its favorite holiday distraction: dazzling lights

San Francisco is hosting a light show called Let's Glow SF until December 10th, featuring animations and short films displayed on buildings in the FiDi area.
The show includes six sites that can be viewed on foot, starting from Union Square and ending at One Bush Plaza on Market Street. [ more ]
[ Load more ]