Frontend Weekly Digest #281 (17–23 October 2022)

Web-development

• Website Fidelity
• How to Create a Half Circle Progress Bar
• Let’s talk about web components
• Is GitHub Copilot a Threat to Developers?
• Switching careers to Web Development
• What if the team hates my functional code?

• Tools
  • What’s New In DevTool: Halloween Edition 🎃
  • How to Test Your Front-end Code With Cypress
  • Jetbrains Fleet vs VsCode (Will Fleet kill VsCode?)
• Effects
  • Responsive Animations for Every Screen Size and Device
  • Fancy Image Decorations: Masks and Advanced Hover Effects
  • UI Interactions & Animations Roundup #26

CSS

• Why We’re Breaking Up with CSS-in-JS
• Futuristic CSS
• Chrome 108+ has experimental support for CSS Toggles, and now you can implement components like Tree views, Tabs, Carousels, and more with CSS.
• Attribute-Driven CSS
• The Best CSS Generators for Web Developers
• Why I never understood CSS-in-JS
• How to Make a Folder “Slit” Effect With CSS
• Using the CSS background-color property to debug web pages
• Highly Customizable Background Gradients
• Pure CSS Bezier Curve Motion Paths
• Making dropdown menus with CSS
• Style performance and concurrent rendering

JavaScript

• Modernizing My DOM Table Sort JavaScript
• How to Use JavaScript Slice Method
• JavaScript metaprogramming with the 2022–03 decorators API
• JavaScript from ES6 to ES12 in 2022
• 7 Useful JavaScript Coding Techniques That You Should Use
• My Boss: I’m Begging You😭, You Know Es6 but Why Don’t You Use It?😠
• Few things to know before launching a SvelteKit app in prod
• whyframe enables rendering any UI framework markup within an iframe, including Svelte, Vue, Solid, Preact, and React.

• React
  • A Guide on Material UI AutoComplete in React
  • Capture real-time images and videos with React-Webcam
  • Autocomplete Search Component With React and TypeScript
  • All About React’s Proposed New use() Hook
  • Okay, so React.useState Sucks
  • Make use of `use` in React — a new hook is coming
• Vue
  • How To Use PrimeVue With Vue3
  • A guide to automated testing in Vue with Cypress
• Angular
  • Modern CSS in Angular: Layouts
  • What’s new in Nx 15?
  • 🚚 Typed Route Path Management in an Angular Application