CSS Scroll Animations, OAuth Deep Dive, and Web Bot Detection Evolution

Published on 25.06.2025

motyl.dev<div></div></>FRONTEND

A Guide to Scroll-Driven Animations with Just CSS

TLDR: CSS now supports scroll-driven animations without JavaScript, using scroll() and view() timelines that progress based on user scrolling rather than time, bringing native support to Safari 26 beta.

A guide to Scroll-driven Animations with just CSS

A Short History of Web Bots and Bot Detection Techniques

TLDR: The cat-and-mouse game between web bots and detection systems has evolved from simple user-agent checks to sophisticated behavioral analysis, fingerprinting, and real-time detection methods.

A short history of web bots and bot detection techniques

How OAuth Works - A Practical Guide

TLDR: OAuth enables secure third-party access to user resources without sharing passwords through scoped permissions, authorization codes, and proper security measures like PKCE and state parameters.

How OAuth Works

Astro 5.10 Released with Live Content Collections

TLDR: Astro 5.10 introduces experimental live content collections for runtime data fetching, stabilizes responsive images, and improves Content Security Policy support for dynamic content scenarios.

Astro 5.10 Released

JSON Module Scripts Now Baseline Available

TLDR: All modern browsers now support importing JSON files directly as JavaScript modules using import attributes, eliminating the need for fetch() or embedding JSON in JavaScript files.

JSON module scripts are now Baseline Newly available

Firefox 140 Brings Vertical Tabs and Enhanced Developer Tools

TLDR: Firefox 140 introduces vertical tabs with customizable pinned sections, improved search in developer tools, and support for new web APIs like CookieStore and Custom Highlight API.

Firefox 140 Release Notes


Disclaimer: This article was generated using newsletter-ai powered by claude-sonnet-4-20250514 LLM. While we strive for accuracy, please verify critical information independently.