Frontend Weekly Digest #259 (9–15 May 2022)
Web-development
• Bootstrap 5.2.0 beta
• Magical SVG Techniques
• State of frontend 2022
• Build a cryptocurrency with Node.js
• Why WCAG 2.2 is still in the oven
• Useful Tools for Creating AVIF Images
• Stack to Content Layout Transition
- Performance
• Don’t fight the browser preload scanner
• How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks
• Interaction to Next Paint (INP)
CSS
• Cool Hover Effects That Use CSS Text Shadow
• COLRv1 and CSS font-palette: Web Typography Gets Colorful
• CSS Accordion Slider Generator
• State of CSS 2022
• A CSS Slinky in 3D? Challenge Accepted!
• Understanding animation and transition timing functions in CSS
• Introducing CUBE CSS: An alternative CSS methodology
JavaScript
• Why did both vue and react choose Hooks🏂?
• The JavaScript Modules Handbook — Complete Guide to ES Modules and Module Bundlers
• Mystery of industry-targeting backdoored NPM JavaScript packages solved
• WinterCG — A Community Group for Web-interoperable JavaScript runtimes
• Does Javascript Make My Site Less Accessible?
• 16 useful TypeScript and JavaScript shorthands to know
• Write an audio visualizer from scratch with vanilla JavaScript
• Cross-browser native lazy loading in JavaScript
- React
• State management in React with MobX
• Implementing user authentication in React with SuperTokens
• Comparing Astro and Next for React apps
• How to Implement Redux Reducers for React
• Complete guide to authentication with React Router v6
• React key attribute: best practices for performant lists
• Improve the Performance of your React Forms - Vue
• Will Nuxt 3 Make Vue.js Great Again?
• Build a location-aware application with Vue and Typesense
• A Guide on How to use Emit in Vue - Angular
• How to Create a Dynamic Layout using a Named Router Outlet in Angular
• Your first Angular Microfrontend
• Angular Standalone Components: Welcome to a World Without NgModule - Svelte
• Getting Started with Events in Svelte
• Svelte — a shortcut to a11y? - Libs & Plugins
• Voby — A high-performance framework with fine-grained observable-based reactivity for building rich applications.
• studio-freight — Smooth scroll / lenis Public
• Parvus — An accessible, open-source image lightbox with no dependencies.