Frontend Weekly Digest (6 – 12 May 2019)

This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.

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

 Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.