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 .