Frontend Weekly Digest #209 (3–9 May 2021)
Web-development
• Bootstrap 5 has officially landed
• Speeding Up Development Process with Bootstrap 5
• Difference between Bootstrap 4 and Bootstrap 5
• How we use Web Components at GitHub
• The Evolution Of Jamstack
• Auditing Design Systems for Accessibility
• Dependency Managers Don’t Manage Your Dependencies
• How we sped up Chrome DevTools stack traces by 10x
- Performance
• Measuring Web Performance in 2021: The Definitive Guide
• How to use History Graphs in GTmetrix
• What Google’s New Page Experience Update Means for Images on Your Website - Effects
• Dynamic CSS Masks with Custom Properties and GSAP
• Portfolio 2021 technical case study — Rendering a whole HTML website in WebGL
CSS
• The State of CSS Cross-Browser Development
• Container Queries Explainer & Proposal
• Two options for using custom properties
• The Complete Guide to Web Fonts in Email
• Is CSS a Programming Language?
• CSS Hell — Collection of common CSS mistakes, and how to fix them
• 16px or Larger Text Prevents iOS Form Zoom
• Fluid typography — Create text that scales with the window size, so that your headings look great on any screen.
• Is Vendor Prefixing Dead?
• Compile CSS On-demand with the Latest Tailwind Compiler
JavaScript
• Is 0kb of JavaScript in your Future?
• Vue Composition API vs React Hooks — the core difference
• Create a satellite tracker from scratch in 30 lines of JavaScript
- React
• React Spectrum: How we internationalized our number field
• How React hooks work — in depth
• useStateMachine — The ½ kb state machine hook for React
• Using state machines with XState and React - Vue
• Vue Ecosystem
• Create an animated Vue 3 component when scrolling into view - Angular
• What’s New in RxJS 7
• A journey into NgRx Selectors - Ember
• The Ember Times — Issue №179
• Ember Apollo Client + @use - Libs & Plugins
• WinBox is a modern HTML5 window manager for the web. Lightweight, outstanding performance, no dependencies, fully customizable, free and open source!
