Frontend Weekly Digest #400 (3–9 Feb 2025)

Web-development
• Which rich text editor framework should you choose in 2025?
• How to Favicon in 2025: Three files that fit most needs
• How to gif (2025 edition)
• The Popover API is now Baseline Newly available
• HTML & CSS for a One-Time Password Input
• A Content List With Bulk Actions Using Ancient HTML and Modern CSS
• Optimizing The Critical Rendering Path
- Effects
• Building a Playful Stop-Motion Crayon Cursor in p5.js
• Dynamic Focus Zoom Effect with CSS @property
• How to Make The Fluffiest Grass With Three.js
CSS
• Three Approaches to the “&” (ampersand) Selector in CSS
• How to Create Wavy Boxes Using CSS
• CSS nesting: use with caution
• Taking RWD To The Extreme
• View Transitions Applied: More performant ::view-transition-group(*) animations
• Change font-weight based on the user’s screen DPI
• Compiling CSS With Vite and Lightning CSS
• CSS Custom Functions are coming … and they are going to be a game changer!
JavaScript
• Oracle justified its JavaScript trademark with Node.js — now it wants that ignored
• Move on to ESM-only
• The Temporal API: How JavaScript Dates Might Actually Be Getting Fixed
• Tutorial: publishing ESM-based npm packages with TypeScript
• Build a Single-Page Application(SPA) Router in Vanilla JavaScript
- JS Theory
• JavaScript Decorators & Annotations: A Practical Guide to Metaprogramming
• A guide to Object.groupBy: An alternative to Array.reduce
• There are a lot of ways to break up long tasks in JavaScript.
• Monorepos in JavaScript & TypeScript - React
• Mastering React Refs: Advanced Techniques with useCombinedRef Hook
• Mastering React and OpenLayers Integration: A Comprehensive Guide
• Deploying Next.js apps with Deno Deploy - Angular
• Angular: The Documentary | An origin story