Frontend Weekly Digest #217 (28 June — 4 July 2021)

Web-development

• The State Of Web Workers In 2021
• It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them
• Building NPM package in 2021
• UI Interactions & Animations Roundup #17
• 3 Reasons to Abandon Bootstrap in 2021

• Tools
  • Google’s New Tool for Understanding Package Dependencies
  • Code Linting for Web Designers
  • GitHub Copilot Experiences — a glimpse of an AI-assisted future
• Performance
  • Good news: Google no longer requires publishers to use the AMP format. Bad news: What replaces it might be worse
  • CSS for Web Vitals
• Accessibility
  • The unseen benefits of accessibility
  • Short note on skiplinks with sticky headers
  • Improving Accessibility of Federal Government Websites
  • Stop Using ‘Pop-up’
  • Will Accessibility Become Increasingly Important for SEO?

CSS

• Detecting Hover-Capable Devices
• Towards richer colors on the Web
• Multi Colored Text with CSS
• Change the form control color with accent-color property
• Positioning Overlay Content with CSS Grid
• Keyframes — Dead simple visual tools to help you generate CSS for your projects.
• :nth-child Between Two Fixed Indexes
• CSS Frameworks in Vogue, But Don’t Forget Style Fundamentals
• A guide to CSS animations using clip-path()

JavaScript

• When a Click is Not Just a Click
• Temporal: getting started with JavaScript’s new date time API
• JS Is Weird
• Sorting colors in JavaScript
• `export default thing` is different to `export { thing as default }`

• React
  • Learn React Router
  • A Simple Guide to Component Props in React
  • How to Set Up Airbnb Style Guide for React Projects
  • How To Create a React Component Library
  • The magic of react-query and supabase
• Vue
  • petite-vue — 5kb subset of Vue optimized for progressive enhancement
  • What Are The Tips and Tricks For Building Fast And Light VueJS SPA?
• Angular
  • Leveraging Dependency Injection to reduce duplicated code in Angular
• Ember
  • Ember 3.27 Released
  • The Ember Times — Issue №183
  • The difference between ember serve and npm run start
• Svelte
  • Create a PWA with Sveltekit
  • Building an Alert Component in Svelte
• Libs & Plugins
  • SolidJS Official Release: The long road to 1.0
  • Solid vs React — the Fastest VS the Most Popular UI Library
  • Fronts — A progressive micro frontends framework