Web Weekly #191 covers Chrome's new Prompt API with Gemini Nano, Git history rewriting, CSS keyframe animations, and HTML canvas API updates.
A guide to CSS scroll-driven animations using the Animation Timeline API, with examples and advanced techniques.
Applying Disney's squash and stretch animation principle to SVG icons in web development, with a focus on stretchy arrow effects.
Explains how to use JavaScript's getAnimations() method to pause CSS animations on an element.
Learn how to use the CSS linear() timing function to create spring and bounce animations without JavaScript.
A developer's hands-on review and performance analysis of the new View Transitions API for multi-page web applications.
A technical comparison between CSS animations and the Web Animations API, using a case study to illustrate key differences and implementation details.
A developer shares their process of recreating a logo animation using pure CSS, including an introduction to CSS animations and keyframes.
Creating a 3D animated RGB cube using CSS transforms and dynamically generated SVG backgrounds through SASS functions.
A technical guide on animating CSS shapes using CSS animations and transitions, covering shape functions, point interpolation, and browser support considerations.
How to use CSS animation-play-state to create smooth hover animations that freeze instead of snapping back to the original state.
Explores the CSS animation-direction property, its values, and a proposed syntax change for better control over animation iterations.
A guide to creating a simpler CSS typing animation using the 'ch' unit for character-based width, with browser support considerations.
