Frontend Weekly Digest #266 (27 June — 3 July 2022)
Web-development
• New to the web platform in June
• The Complete Guide to the Dark Mode Toggle
• My Wonderful HTML Email Workflow
• SPAs: theory versus practice
- Accessibility
• How we designed an accessible color palette from scratch
• Text-overflow: ellipsis considered harmful
• Artificial Intelligence and Accessibility - Effects
• Inspirational Websites Roundup #39
• Make Way Grid Effect
• UI Interactions & Animations Roundup #25
CSS
• The 4 upcoming CSS features I’m most excited for
• Single Element Loaders: Going 3D!
• Masonry Layout with Tailwind CSS Columns
• My Dumbest CSS Mistakes
• A Previous Sibling Selector
• 5 CSS Anti-Patterns that you should be aware of
• Putting Javascript in Your CSS
• Breaking Out of a Central Wrapper
• Style Queries
• The case for using Sass in 2022
• Using CSS subgrids with container queries
• Exciting new CSS features in 2022
JavaScript
• Stop The Screen Going To Sleep With JavaScript
• JavaScript String to Date — Date Parsing in JS
• 10 Years of Meteor
• 20 JavaScript Array Methods Every Developer Should Know
• Highlights of OpenJS World 2022 — What’s next in the OS ecosystem
• ECMAScript 2022 Is Officially Released, What Should We Pay Attention To?
- React
• How We Built Hydrogen: A React Framework for Building Custom Storefronts
• Using barrel exports to organize React components
• How to build a notes app with React and localStorage - Vue
• Vue Amsterdam: See the special edition of the Vue Report
• Vue 2.7 “Naruto” Released
• Vue’s watch vs watchEffect, which should I use?
• Do We Need Vue 3? - Angular
• How to make Angular applications more robust
• Angular Route Parameters: A Simple Guide
• Troubleshooting Angular routing
• Angular: How I Moved 90% GETs Into a Cacheable Shell Component - Svelte
• Svelte Origins: A JavaScript Documentary - Libs & Plugins
• Releasing Color.js: A library that takes color seriously
• Color.js Released
• Getting Started with Lottie.js
• svg-path-morph — Smoothly interpolate between variations of SVG paths.
Browsers
• The end of Internet Explorer
• Neural Machine Translation Engine for Firefox Translations add-on
• Why did Safari go batman?