Motion Highlights #5
Dive into the latest motion design trends across the web, showcasing bold visuals and innovative animations that push creative boundaries.
By Codrops04 May 2025Potential accessibility issues of floating animations on webpages and mobile apps
Analyzing animated webpages to identify how excessive or poorly implemented animations can disrupt user experience and offering tips to manage them effectively.
By Bogdan Cerovac03 May 2025CSS shape() Commands
The CSS shape() function, now supported in Chromium and WebKit browsers, enables drawing complex shapes for clipping with clip-path – unlocking new design possibilities.
By CSS-Tricks02 May 2025Developer Spotlight: Reksa Andhika
Explore the work of Reksa Andhika, an independent developer known for crafting websites with distinctive motion and interactive layouts.
By Codrops02 May 2025WCAG 3.0’s Proposed Scoring Model: A Shift In Accessibility Evaluation
WCAG 3.0 shifts focus from binary success criteria to prioritizing usability and access quality, signaling a new era in web accessibility.
By Mikhail Prosmitskiy02 May 2025Making a custom compiler pass for Closure Compiler
Follow a detailed guide to implementing a custom compiler pass in Google's Closure Compiler for tailored code optimization.
By Roman Liutikov01 May 2025Document Isolation Policy: Enable powerful web features with ease
Unlock advanced web features like SharedArrayBuffers and WebAssembly threads by enabling Document Isolation Policy's crossOriginIsolation setting.
By developer.chrome.com01 May 2025Use CSS reading-flow for logical sequential focus navigation
Discover how to leverage Chrome 137's new reading-flow and reading-order CSS properties for improved content accessibility and layout control.
By developer.chrome.com01 May 2025Revisiting Image Maps
Revisiting the history of image maps from HTML 3.2, exploring how clickable regions over images have evolved from server-side to client-side implementations.
By CSS-Tricks30 Apr 2025Origin trial: Cross-device Digital Credentials API now in Chrome desktop
Explore the cross-device capabilities of the Digital Credentials API to seamlessly present digital credentials across multiple devices.
By developer.chrome.com30 Apr 2025How to style console logs in Chrome DevTools: Color and more!
Learn how to customize console logs in Chrome DevTools with color, styles, and formatting for clearer debugging.
By developer.chrome.com30 Apr 2025WebDev Challenge - S2E2
What can you build in 4 hours with 30 minutes of planning? A team takes on the Web Dev Challenge, creating fun multi-device experiences with Temporal workflow tools.
By Adam Argyle29 Apr 2025How To Turn Your Figma Designs Into Live Apps With Anima Playground
Learn how AnimaApp helps designers and developers quickly turn visual ideas into functional prototypes, streamlining the design-to-development process.
By Anima Team29 Apr 2025New in Chrome 136
Dive into RegExp.escape, partitioned visited links, WebAuthn passkey upgrades with conditional create, and more web security and performance enhancements.
By developer.chrome.com29 Apr 20257 Best Practices for Improving Landing Page Performance
Enhance your landing pages with seven proven strategies – improve copy, design, and web performance to boost conversions.
By DebugBear29 Apr 2025UX And Design Files Organization Template
Organizing UX assets can be challenging – this guide offers practical folder structures to manage files across Figma, PDFs, Slack, Dropbox, and Notion.
By Vitaly Friedman28 Apr 2025Anchor Positioning Just Don’t Care About Source Order
Anchor positioning in CSS intentionally ignores HTML source order, exemplifying the separation of content and presentation principles.
By CSS-Tricks28 Apr 2025Animating in Frames: Repeating Image Transition
Discover techniques for animating repeated image frames along paths, inspired by Joana Correia’s engaging motion design reel.
By Codrops28 Apr 2025Closure Compiler lands class fields support
Closure Compiler now supports private class fields in JavaScript, a significant update for ClojureScript and modern JavaScript development.
By Roman Liutikov28 Apr 2025Lighthouse is moving to performance insight audits
Lighthouse is shifting focus to performance insight audits, providing deeper analysis to optimize your web app's speed and efficiency.
By developer.chrome.com28 Apr 2025Does Making Fewer HTTP Requests Improve Page Speed?
Understand the performance implications of multiple HTTP requests and explore practical techniques to minimize their impact.
By DebugBear28 Apr 2025
Create a dynamic and interactive animation using HTML, CSS, and JavaScript to mimic a leaf falling across the screen. Use the CSS shape() function for clipping effects and control the animation path with JavaScript. Optionally, enhance the experience with sound effects using the Web Audio API to simulate the rustling of leaves.
Why did the developer go broke? Because they lost their domain in a bidding war!