Frontend Weekly Digest #282 (24–30 October 2022)

Web-development

• Building a tooltip component
• Motion Controls In The Browser
• Trying Lit: Google’s Web Component Library
• CSS Snake & Ladders: a multiplayer game developed in HTML+CSS with no JS

• Tools
  • Turbopack — The Rust-powered successor to Webpack
  • A beginner’s guide to Chrome tracing
  • Exploring test-driven development methods in Deno
• Performance
  • 17% visually complete improvement on 2G mobile by making a single change: removing jQuery
  • Building a Better Web — Part 1: A faster YouTube on web
  • Conditionally adaptive CSS. Browser behavior that might improve your performance
• Effects
  • Holographic Trading Card Effect
  • Fancy Image Decorations: Outlines and Complex Animations

CSS

• OKLCH in CSS: why we moved from RGB and HSL
• Do you really understand CSS radial-gradients?
• Masked Gradient Dashed Lines
• All about CSS animations
• Get started with Bulma CSS in 5 minutes
• Is There Too Much CSS Now?
• The Math Behind Nesting Rounded Corners
• Creating Animated, Clickable Cards With the :has() Relational Pseudo Class
• Implementing Claymorphism with CSS
• Using HSL colors in CSS
• Sass — the map-merge pattern

JavaScript

• Guide to the Best JavaScript Books for Beginners
• Deep understanding of ES Module through animation
• Vuejs 3: Migrating from Options to Composition API
• How to write your first unit test in JavaScript

• React
  • When React Meets OOP
  • There’s No Magic in React
  • Introduction to the upcoming useEvent hook RFC
  • Using Ariakit components in React apps
• Vue
  • Make a Vue.js transparent component
  • How to debounce and throttle in Vue
• Angular
  • Dynamic Angular Microfrontends
  • Top 10 VSCode Extensions for Angular Developers
  • Implementing state management in an Angular complex app
  • Advancements in the Angular Router
  • The guide to converting Angular apps to React