Frontend Weekly Digest #300 (27 February — 5 March 2023)

Web-development

• ChatGPT for Web Developers
• Progressive enhancement options for traditional server-rendered sites

• Accessibility
  • Web Accessibility Tips: Using Abbreviations and Acronyms
  • A Guide To Accessible Form Validation
• Effects
  • UI Interactions & Animations Roundup #29
  • Double Image Hover Effects with Clip-Path Animations
  • Matrix rain effect

CSS

• The Web Needs a Native .visually-hidden
• Why CSS Units Matter to Your Responsive Website Designs
• An Interactive Guide to Flexbox
• Scrollbar.app — CSS Scrollbar Selectors
• Everything You Need to Know About the Gap After the List Marker
• Tether elements to each other with CSS anchor positioning
• Ten tips for better CSS transitions and animations
• On Container Queries, Responsive Images, and JPEG-XL
• Matching elements in CSS with :nth-child and other selectors
• CSS breakpoints for responsive design
• Styling checkboxes with CSS properties
• Improving mobile design with the latest CSS viewport units

JavaScript

• My Boss: It’s 2023, You Know ES6, But Why Don’t You Use It? 😠
• Dealing with Dates and Times: Alternatives to Moment.js
• The Great Gaslighting of the JavaScript Era
• Announcing TypeScript 5.0 RC

• React
  • Code splitting in React JS
  • Page Transitions In ReactJS With React Router V6 And The Built-In View Transitions API (No Third-Party Libraries)
  • How to make an idle timer for your React app
  • Sentry’s Frontend Tests: Migrating from Enzyme to React Testing Library
  • React vs Signals: 10 Years Later
• Vue
  • Moving From Vue 1 To Vue 2 To Vue 3: A Case Study Of Migrating A Headless CMS System
  • Build a custom tooltip directive with CSS and Vue
  • Managing State in Vue with Pinia ORM
  • What is ref() in Vue?
  • A guide to adding SSR to an existing Vue 3 app
• Angular
  • Confirm Dialog Decorator 🙌 with Angular
  • Angular Routing in 5 Minutes
  • Angular & signals. Everything you need to know.
  • Implementing MicroFrontends in Angular 15
  • Maximizing Performance with Angular: Tips and Tricks for Efficient Code