The digest of fresh materials from the world of the frontend for the last week № 364 (May 6 - 12, 2019)

We offer you a selection with links to new materials from the front-end area and around it.

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Web Standards Podcast, 175. IE mode in Edge, Chromium, slow CSS, CSSWG, stages in CSS, Houdini

• Devschacht podcast: # 79: Open Source Development with React Styleguidist and mrm as an example

• Devschacht podcast: # 78: How can a programmer move to Berlin and is it worth it

• Podcast "Frontend Youth (18+)": # 92 Firefox kills the Internet

• “Make Me Beautiful” podcast, Issue # 16 - Replacing Lodash, again on TDD and where Senior can grow

• FrontSpot Show # 7: Where to get an idea for a startup?

• "ALL YOUR HTML" # s3e1: "Image transition with PIXI.JS"

Web development

• HTTP headers for the responsible developer

• Favicons: perhaps the least understood web feature

• New Evergreen Googlebot

• Hybrid Lazy Loading: progressive migration to native Lazy Loading

• SVG components for IoT and devices (part 1)

• Why, how and when to use semantic HTML and ARIA

• How to choose the best static site generator for your 2019 project

• Practical classes with Portals . Learn how to create a good UX for navigation using the Portals API.

')

• Tools:
  
  • Accelerate webpack build with webpack
  
  • Presented by the GitHub Package Registry
  
  • Microsoft introduced Windows Terminal - new command line for Windows
  
  • Utility for converting SVG paths into relative or absolute
  
  

• Animation:
  
  • All about SVG animation
  
  • The performance of animations on sites
  
  • The story of one animation: WebGL and not WebGL
  
  • Collections of Inspiring Sites Roundup # 4
  
  

CSS

• css-only-chat - A truly monstrous asynchronous web chat without using JS on the front.

• Night mode with Mix Blend Mode: the difference

• Basic CSS Specificity Guide

• 4 reasons why your z-index is not working (and how to fix it)

• cssfx - a selection of nice CSS effects with click-to-copy functionality

• Understanding the location of elements in grids using the construction of the periodic table in HTML

• Support for font-display in Google Fonts announced

• CSS3 Transform - an online visualizer of 2D & 3D transformation functions in CSS

• Transfer to a new line using flexbox

Javascript

• Ember.js: (again) time to try

• Framework Game: JavaScript Trends in 2019

• Write less code

• Create a multiplayer web game in the genre .io

• What's new in javascript (google i / o '19)

• Is Google ready to work with javascript?

• What I learned from the Airbnb internationalization library revision-engineering

• Several functional uses for the Intersection Observer to determine if an item is in sight.

• Vim Customization Guide for JavaScript Development

• Introduction to GraphQL

• Axios DoS vulnerability has been discovered in the JavaScript Axios package that affects all versions of the popular HTTP client.

• Theory:
  
  • Design patterns in modern JavaScript development
  
  • 'let' me be a 'const' (ant), not a 'var' (iable)!
  
  • location = location ... and 534 other ways to reload the page using JavaScript
  
  • Thinking about simplifying event handlers
  
  

• VueJS:
  
  • BEM + Vue.js is just
  
  • Understanding reactivity in Vue.js (Step by Step)
  
  • Error handling methods in Vue.js
  
  • Introduction to the Vue Visualization Function (with examples)
  
  • Structuring Vuex Modules for Interoperability, Speed, and Flexibility
  
  • Vuex: Mutations vs. actions
  
  • Architecture for a large-scale application on Vue.js
  
  • Full stack solution for fast PWA development
  
  

• React:
  
  • react-native-windows - Framework for creating native Windows applications on React.
  
  • You probably should not use React
  
  • React application performance profiling
  
  • React Re-introduction: Dispelling the myths of every React update since version 16
  
  • Deploy client applications from create-react-app to Microsoft Azure
  
  • Advanced Templates in React
  
  • New section on web.dev, dedicated to React
  
  

• Angular:
  
  • Does React have a bad effect on Angular?
  
  • Angular - all reports from ng-conf 2019
  
  • Using Renderer2 in Angular
  
  • Introduction to Angular Grid
  
  • Fast immersion in centralizing your data in Angular using ngrx / router-store
  
  

• Libs & Plugins:
  
  • dinoql - Customizable GraphQL style query language for interacting with objects in JavaScript
  
  • cash: a little jQuery alternative for modern browsers
  
  • hybrids: web components from simple objects and pure functions
  
  

Browsers

• Build 2019: Microsoft officially introduced the new Chromium-based Edge browser with IE Mode, and also showed a version for Mac.

• New Microsoft Edge Browser Got IE Mode

• Microsoft Edge will get Collections, advanced privacy settings and embedded Internet Explorer

• In Chrome 76, Flash will be disabled by default.

• Coinhive has closed, but browser mining is still a problem.

• Browser Vivaldi 2.5 received the first of its kind integration with the backlight Razer Chroma

• Mozilla fixed a problem with non-working add-ons in Firefox, but some users may still have difficulty

• Backstage details of how Microsoft unexpectedly decided to work with Google on its own browser Edge.

Entertaining

• Where to go to aging programmers?

• “Facebook must be destroyed”: social network co-founder opposed Mark Zuckerberg

• Using machine translation of Google Translate only harms Wikipedia.

• New Microsoft: the company has created a design system and united under it departments of different products

• Google announced Kotlin as a priority programming language for developing Android applications

• Attack of malicious cryptographers on the Git repository

Go

We apologize for any typos or broken / duplicate links. If you notice a problem - please write in a personal, we are trying to fix them quickly.

Digest from last week .

The material was prepared by dersmoll and alekskorovin .