Frontend Weekly Digest #345 (8–14 January 2024)
Web-development
• How Google perfected the web
• The Website vs. Web App Dichotomy Doesn’t Exist
• Top Front-End Tools Of 2023
• Web Storage API — How to Store Data on the Browser
• Embed Slides, YouTube Videos, and More
• The world’s smallest PNG
• Why you should use AVIF over JPEG, WebP, PNG and GIF In 2024
CSS
- New CSS
• 5 CSS snippets every front-end developer should know in 2024
• Modern CSS for 2024: Use Cases for :has()
• Taking a closer look at @property in CSS
• Using CSS Houdini to extend styling and layout capabilities
• How I’m Writing CSS in 2024
• CSS is fun again
• Designing better target sizes: An interactive guide that is all about enhancing the target size area with CSS.
• How to Use New CSS Features to Build a Progress Indicator
• “Inheriting” grid dimensions from siblings with subgrid
• Accounting for Internationalization with CSS and HTML
• Nested Dark Mode via CSS Proximity
• Guide to image overlays in CSS
JavaScript
• Introducing fsx: A modern filesystem API for JavaScript
• The How and Why of Promises in JavaScript
• Top 30 JavaScript Interview Questions and Answers for 2024
• Rust-Based JavaScript Linters: Fast, But No Typed Linting Right Now
- Frameworks
• Node.js: The fastest web framework in 2024
• Analog.js vs. Next.js vs. SolidStart: Comparing modern meta-frameworks
• Is htmx Just Another JavaScript Framework? - React
• Introducing Superglue: React ❤️ Rails
• How To Create React Components That Run On Every React Framework?
• Top 5 Ways to Style Your React Apps in 2024 - Angular
• Angular signals vs. observables: How and when to use each
• Angular Signal Inputs are here to change the game 🎲
Animations
• How to use a Custom Easing Function with the Web Animations API (WAAPI)
• Radios With Sliding Focus
• Glowy Text Button
• Web Gears ⚙️ (Scroll-driven animations)
• Experimental On-Scroll Text Animations with SVG Clip-Path
