Frontend Weekly Digest #174 (1–6 September 2020)

Web-development

• 11 Micro Frontends Frameworks You Should Know
• Toolsday podcast: “Svelte: A Second Look”
• The CSS Podcast №023: Filters
• WCAG 2.1 Is the Current Standard, Not WCAG 2.0 — and WCAG 2.2 Is Coming

• Tools
  • Everything You Need to Know to Get Started with Deno
  • Comparing Browsers for Responsive Design
  • Everything Developers Need To Know About Figma
• Performance
  • How to Simplify SVG Code Using Basic Shapes
  • Improve Page Load Performance With These Different Script Loading Techniques
  • Big changes are coming to GTmetrix: Lighthouse, new test locations, new PRO plans, etc.
• Effects
  • Ground Rules for Web Animations
  • Diagonal Thumbnail Slideshow Animation
  • To design and develop an interactive globe

CSS

• Image manipulation with CSS
• How to Use CSS Grid for Sticky Headers and Footers
• Stroke Text CSS: 📕 The Definitive Guide
• Create a line break while maintaining inline status
• Custom bullets with CSS ::marker
• Beyond Media Queries: Using Newer HTML & CSS Features for Responsive Designs
• Building Website Headers with CSS Flexbox
• Viewport bug in Mobile Safari
• How to Make a Media Query-less responsive Card Component
• Custom CSS Styles for Form Inputs and Textareas
• Creating A Custom Scroll Bar In 24 Lines Of CSS

JavaScript

• 📜 A brief(er) history of Javascript
• 10 lesser-known Web APIs you may want to use

• Theory
  • JavaScript Array Insert — How to Add to an Array with the Push, Unshift, and Concat Functions
  • JavaScript Finally Has Support for Native Private Fields and Methods
  • An Interesting Explanation of async/await in JavaScript
  • Mastering Hard Parts of JavaScript: Callbacks I
• React
  • Why I Love React
  • Temper — State management for React, made simple.
  • The Missing Introduction to React
  • Building React Apps With Storybook
  • Building A Component Library With React And Emotion
• Vue
  • Build a Shopping List App with the Vue 3.0 Composition API
  • Better Component Composition in VueJS
  • 5 библиотек для Vue.js, без которых мне не обойтись
• Angular
  • Making your application feel faster by prefetching data with NgRx
  • The best way to implement custom validators
• Ember
  • A Guide to Building Your First Ember.js App
  • Simplify Your Ember App with Domain Components
  • CI with GitHub Actions for Ember Apps: Part 2
• Svelte
  • Svelte — Learn the Basics of this fast framework with small bundles
  • Svelte/Sapper vs Vue
• Libs & Plugins
  • fg-modal — An accessible modal dialog web component by filament group
  • Brahmos — Supercharged JavaScript library to build user interfaces with modern React API and native templates.

Browsers

• What is the Value of Browser Diversity?
• Chrome 86: Improved Focus Highlighting, WebHID, and More