Frontend Weekly Digest #257 (25–30 April 2022)

Web-development

• New to the web platform in April
• Non-interactive Elements with the inert attribute
• Web color is still broken
• CTA Modal: How To Build A Web Component
• Modern, faster alternatives to ESLint
• How to detect dead code in a frontend project
• How We Reduced Startup Time by 80% With Webpack
• Under-Engineered Multi-Selects

• Effects
  • Growing Sunflowers with Three.js
  • What If Our Sliders Actually Slid?
  • Cool Hover Effects That Use Background Properties
  • Linear-style Cursor Glow
  • SVG generative mountain ridge dividers
  • Creating a Firework Effect with CSS

CSS

• Creating the DigitalOcean Logo in 3D With CSS
• Flexibly Centering an Element with Side-Aligned Content
• Building a combined CSS-aspect-ratio-grid
• Fluid Type Scale Calculator
• CSS Toggles Explainer & Proposal
• HyperUI — Free Open Source Tailwind CSS Components
• My Browser Support Strategy

JavaScript

• Choosing the best Next.js hosting platform
• Four Eras of JavaScript Frameworks
• How we employed the new ECMAScript Module Support in typescript

• React
  • Working with SVGs in React Native
  • Building a blog with React and RestDB
  • Using static site generation in modern React frameworks
  • Exploring React Native’s new architecture
  • Build a React theme switcher app with styled-components
  • 8 common React error messages and how to address them
  • React Worst Practices — The Conclusion
• Vue
  • Avoiding the Pitfalls of Nested Components in a Design System
  • Vue Offline Page
  • An Introduction to Vue 3 and Typescript: Component properties and events