Frontend Weekly Digest #208 (26 April — 2 May 2021)
Development
• The Humble <img> Element And Core Web Vitals
• How to Create Actions for Selected Text With the Selection API
• Why We Switched From Webpack To Vite
- Performance
• The Complete Guide to Google’s Core Web Vitals Performance Metrics
• Top Metrics You Need to Understand When Measuring Front-end Performance
• Google Web Vitals best practices for single-page apps - Effects
• Rotated 3D Letters and Image Hover Effect
• Recreating the Apple Keynote Event animation using SVG, Canvas, and GreenSock
• Inspirational Websites Roundup #25
• Texture Ripples and Video Zoom Effect with Three.js and GLSL
CSS
• Practical Use Cases For CSS Variables
• fit-content and fit-content()
• A Complete Guide to Custom Properties
• A first look at CQFill, a Polyfill for CSS Container Queries
• Exploring color-contrast() for the First Time
• GPT-3 and CSS Frameworks
• Understanding Easing Functions For CSS Animations And Transitions
• New WebKit Features in Safari 14.1 (Flexbox Gap, Date & Time Inputs, CSS Individual Transform Properties)
JavaScript
• Fower — An utility-first CSS in JS library for rapid UI development
• API client patterns every front-end developer need to know
• You Can Label a JavaScript `if` Statement
• ES6 Import And Export Cheatsheet
• JavaScript iterators and generators: A complete guide
- React
• 5 Techniques for Optimizing Performance on a React App
• React Table: The Headless Table Library for React
• React Table Guide And Best React Table Examples
• The main benefits that you can get from Icons-Components in React.js - Angular
• Angular Basics: Style Binding in Angular with ngStyle
• Functional Reactive Programming in Angular with RxJS
• Lazy Loading in Angular — A Beginner’s Guide
• What’s New for the Angular Ecosystem (Ng-Conf 21 Update) - Ember
• Mount light weighted apps into Ember - Svelte
• Overview of Svelte UI Libraries and Components
• Why Svelte is different — and awesome! - Libs & Plugins
• js-tokens — The tiny, regex powered, lenient, almost spec-compliant JavaScript tokenizer that never fails.
