Frontend Weekly Digest #350 (12–18 February 2024)

Web-development

• Web Design Trends to Watch in 2024
• Senior Frontend Developer Roadmap 2024: 5 Clear Steps To Next Level
• Securing Web: A Deep Dive into Content Security Policy (CSP)
• Extracting YouTube video data with OpenAI and LangChain
• Apple confirms: It’s killing home screen web apps in the EU

• Tools
  • Introducing SafeTest by Netflix: A Novel Approach to Front End Testing
  • A 400% faster Performance panel through perf-ception
  • How to Use Chrome DevTools — Simple Strategies for Smarter Web Development
• Accessibility
  • ARIA `note`
  • Can generative AI help write accessible code?
• Effects
  • Reflection Scroll Effect
  • Inspirational Websites Roundup #56

CSS

• How To Center a Div: The Ultimate Guide to Centering in CSS
• Building a 3D Card Flip Animation with CSS Houdini
• Scroll-Driven Animations: You want overflow: clip, not overflow: hidden
• A CSS project boilerplate
• Native CSS particle animation with sin() and cos()
• Playing with Infinity in CSS
• How to fix the invisible scrollbar issue in iOS browsers
• CSS Mixins & Functions Explainer
• The New CSS Math: pow(), sqrt(), and exponential friends
• How to use CSS variables like a pro

JavaScript

• An Introduction to Node.js Multithreading
• Sorting Data in JavaScript
• Union, intersection, difference, and more are coming to JavaScript Sets
• Exploring JavaScript in 2024: Highlights from the Top Trends
• How to Remove the Last Character from a String in JavaScript
• Common Mistakes in Vue.js

• React
  • React Labs: What We’ve Been Working On — February 2024
  • How to build a component library with React and TypeScript
  • Understanding React useEffect
  • 7 React Projects to Build in 2024
• Angular
  • Angular v17.2 is now available
  • Strongly Typed Reactive Forms in Angular
  • Signal queries in Angular — what can I do with them?
  • Hacking Angular Signals