Frontend Weekly Digest #288 (5–11 December 2022)

Web-development

• Inside the mind of a frontend developer: Article layout
• From Web Page to Web Player: How Spotify Designed a New Homepage Experience
• How to transfigure wireframes into HTML
• Does WWW still belong in URLs?
• Infinite Scroll and Wormy Scroll
• Let’s Make A Better “Light / Dark” Toggle
• What developers need to know about Chrome’s Memory and Energy Saver modes
• Accessible Front-End Patterns For Responsive Tables (Part 1)
• Vite 4.0 is out!

• Performance
  • So you heard of Client-Hints and you think you got time, right? Wrong.
  • Mobile Performance of Next.js Sites
  • Fast is good, instant is better!
  • Webperformance and Compression

CSS

• Animated Background Stripes That Transition on Hover
• CSS Infinite Slider Flipping Through Polaroid Images
• CSS For URLs and HTTP Headers
• The State of CSS 2022: Results
• Building a responsive sticky navbar with CSS
• A Practical Guide to CSS Media Queries
• About Modern Sass
• Build Skeleton Screen Animations with CSS
• Design spacing tokens semantically
• A View on the new CSS Viewport Units in 2022 (v*, sv*, lv*, dv*)
• Using the CSS :modal pseudo-selector
• Solving complex alignment issues with CSS grid and subgrid

JavaScript

• An Introduction to RedwoodJS

• React
  • Implementing reCAPTCHA in React
  • Separation of Concerns in React –How to Use Container and Presentational Components
  • Shoelace: Build web components for React
  • Building faster blogs with Alinea and React
  • Build a Kanban board with dnd kit and React
  • Minimal TypeScript Crash Course For ReactWith Interactive Code Exercises
• Vue
  • Composable CSS Animation In Vue With AnimXYZ
  • Vuetify, from Webpack to Vite
  • Debounced Search Component in Vue.js
• Angular
  • Collections State Management Service for Angular
  • Let’s optimize Angular bundle size with these steps
  • Angular Testing: Component Testing