Frontend Weekly Digest #289 (12–18 December 2022)

Web-development

• There can be only one: Options for building “choose one” fields
• Table Like It’s 2023
• I asked Chat GPT to build a To-Do app — Have we finally met our replacement?
• Pagination vs. infinite scroll: Making the right decision for UX

• Performance
  • 2022 In Review: What’s New In Web Performance?
  • Using WebPageTest to measure third party apps
  • Optimize Interaction to Next Paint
  • Using inline JavaScript modules to prevent CSS blockage
  • Web Performance APIs Appreciation Post
  • 30 Ways to Improve Website Performance with CSS
• Accessibly
  • Unchain My Inaccessibly-Labelled Heart
  • Accessible Front-End Patterns For Responsive Tables (Part 2)
• Effects
  • How to Code an On-Scroll Folding 3D Cardboard Box Animation with Three.js and GSAP
  • Inspirational Websites Roundup #44

CSS

• The Most Popular CSS-in-JS Libraries in 2022
• CSS Infinite 3D Sliders
• A :nth-child(An+B [of S]?) polyfill thanks to CSS :has() and :not()
• A Few Times Container Size Queries Would Have Helped Me Out
• So, you’d like to animate the display property
• New Viewport Units
• View Transitions API
• The True Power Of CSS Columns
• Help choose the syntax for CSS Nesting!
• Logical Border Radius
• Mesher: CSS mesh gradients generator
• Tailwind CSS vs Bootstrap — A Comparison
• CSS image()
• Guide to image overlays in CSS
• Getting started with the CSS Custom Highlight API

JavaScript

• Demystifying Routing: Creating Your Own file-path-based Router
• Working with the DOM in JavaScript
• Next, Nest, Nuxt… Nust?
• Calculating the maximum diagonal distance in a given collection of GeoJSON features using turf.js and lots of speed

• React
  • The pragmatic guide to React network programming
  • A deep dive into Rematch — State Management for React
  • Previewing Markdown code with React
  • A guide to better state management with Preact Signals
  • Getting started with Bun and React
• Angular
  • Debug Angular Apps Easily Using Angular DevTools
  • What/Why Unittest | Unittest with Angular 2+
  • Angular Custom Code Generator | In Action
• Vue
  • Building a Todo App With Vue 3 Composition API
• Svelte
  • Announcing SvelteKit 1.0
• Libs & Plugins
  • jQuery 3.6.2 Released!