Frontend Weekly Digest #107 (6 –12 May 2019)

Web-development

• Favicons: Perhaps the Least Understood Web Feature
• The new evergreen Googlebot
• Hybrid Lazy Loading: A Progressive Migration To Native Lazy Loading
• SVG Web Page Components For IoT And Makers (Part 1)
• Why, How, and When to Use Semantic HTML and ARIA
• How to Choose the Best Static Site Generator for Your 2019 Project
• Hands-on with Portals: seamless navigations on the Web. Learn how to build good navigation UX with the Portals API.

• Tools:
  • GitHub Package Registry — Publish public or private packages next to your source code, easily.
  • Microsoft unveils Windows Terminal, a new command line app for Windows
  • Utility: Convert SVG path to all-relative or all-absolute commands
• Animations:
  • Story of one animation: WebGL and not WebGL
  • Inspirational Websites Roundup #4

CSS

• css-only-chat — A truly monstrous async web chat using no JS whatsoever on the frontend
• Night Mode with Mix Blend Mode: Difference
• The Basic Guide to CSS Specificity
• 4 reasons your z-index isn’t working (and how to fix it)
• cssfx — Beautifully simple click-to-copy CSS effects
• Understanding grid placement through building a HTML periodical table
• Announcing Google Fonts will soon support setting `font-display` via a new query parameter
• CSS3 Transform — 2D & 3D CSS Transform functions visualizer
• Breaking to a new row with flexbox

JavaScript

• What’s new in JavaScript (Google I/O ’19)
• Is Google Ready to Catch Up with JavaScript?
• What I learned by reverse-engineering Airbnb’s internationalization library
• A Few Functional Uses for Intersection Observer to Know When an Element is in View
• Introduction to GraphQL
• A Denial of Service vulnerability discovered in the Axios JavaScript package — affecting all versions of the popular HTTP client

• Theory:
  • ‘let’ me be a ‘const’(ant), not a ‘var’(iable)!
  • location = location … and a 534 other ways to reload the page with JavaScript
  • The Thinking Behind Simplifying Event Handlers

• VueJS:
  • Structuring Vuex Modules for Relationships, Speed and Flexibility
  • Vuex showdown: Mutations vs. actions
  • Architect a large scale Vue.js Application
  • A full-stack solution for fast PWA development
  • A guide to setting up Vim for JavaScript development

• React:
  • react-native-windows — A framework for building native Windows apps with React
  • You probably shouldn’t be using React
  • Performance Profiling Your React App
  • Reintroducing React: every React update since v16 demystified.
  • Deploying a Client-Side Rendered create-react-app to Microsoft Azure
  • Advanced Patterns in React
  • React on web.dev — A new section on web.dev to help developers build fast and performant React applications.

• Angular:
  • Angular — All Talks from ng-conf 2019
  • Using Renderer2 in Angular
  • Introduction to Angular Grid
  • Quick dive into centralizing your data in Angular with ngrx/router-store
• Libs & Plugins:
  • dinoql — A customizable GraphQL style query language for interacting with JavaScript objects.
  • cash: an absurdly small jQuery alternative for modern browsers
  • hybrids: Web Components from plain objects and pure functions!

Browsers

• Microsoft Edge — All the news from Build 2019
• Flash Disabled by Default in Chrome 76
• Inside Microsoft’s surprise decision to work with Google on its Edge browser