The digest of fresh materials from the world of the front-end for the last week No. 369 (June 10 - 16, 2019)

We bring to your attention a selection with links to new materials from the frontend area and around it.

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

---

Media

• Podcast “Web Standards” # 180 : Chrome and Safari, TC39, third-party resources, subgrids and accessibility
• Podcast “Make me beautiful”, Issue No. 19 : away Andrey Chizh - Details about GraphQL, a little about the full stack and the death of ad blockers ; Issue No. 20 : Away Andrei Sitnik - Birth of a supervillain, censorship and why mitaps are better than conferences
• Podcast “Devshahta-podcast” # 84 : Roman Dvornov on team lead and Signor
• Podcast “Frontend Weekend” # 93 : Natalia Korotkova on how to move to London and find a job as a developer on site
• CSSSR podcast # 93: News 512 - Windows terminal, testing and CD, evolution of Firefox and Beeline against Mail.ru
• Frontend Youth (18+) podcast: VDSina will host npm
• “Frontreview” # 13 : Tips for interviewing an IT company
• “ Repozitorro ”# 17 : A very creative portfolio, but there is a nuance ...
• “ proConf ”# 16 : React Amsterdam 2019 | Where React is going | Why it slows down React Native
• # s3e3 ALL YOUR HTML , Page transitions with Highway.js and WebGL
• JSConf Hawaii 2019 , 9 videos
• JSConf EU 2019 , 17 videos

Web development

• 10 tips on how to increase the speed of loading pages
• Tools for effective web development process
• Technological trends in web development 2019
• Introducing a new element HTML - meet!
• Interactive animation in HTML letters
• When should you use Web Workers?
• 7 Absolute Truths I've Revisited Since I was a Junior Developer

• Accessibility:
  • Anatomy of accessible forms: required form fields
  • Patterns and strategies for accessible web applications
  

• API:
  • Google justified the restriction of the webRequest API used by ad blockers
  • Fullscreen API: How to switch to full-screen mode on iPad Safari
  • The Layout Instability API . Detecting unexpected layout changes in JavaScript.
  • MediaStream API
  

CSS

• Do you need preprocessors in 2019
• CSS thinking style
• Animated CSS flex guide
• Results of the annual survey “The State of CSS 2019”
• Stylization in modern web applications
• Line break in terminal style using CSS Text
• Dangers of functional CSS
• Why most developers are afraid of CSS
• Animation of CSS Grid Rows and Columns
• every-layout.dev - Learn to build CSS layouts
• Drawing realistic clouds using SVG and CSS
• Dimensions of the DOM element and CSS transformation
• Making tables responsive with a little CSS

Javascript

• A story about why I still use jQuery
• A protocol for communicating between the iframe and the main browser window
• MAM: assembling the frontend without pain
• List of (advanced) questions in JavaScript
• Everything you need to know about the date in JavaScript
• Web Audio for Electric Guitar: How to Connect an Instrument

• Theory:
  • What is written in this? Behind the scenes of JavaScript objects
  • Mutate or mutate, that’s the question
  • Reduce anti-pattern ({... spread})
  

• React:
  • Using Typescript with React - a guide for beginners
  • Deep immersion in Redux
  • Announcement of styled-components v5: Beast mode , which includes many performance improvements
  • Using Cypress to write tests for React applications
  • Learn React hooks by writing your first hook
  

• Angular:
  • Как использовать JQuery с Angular (когда вам абсолютно необходимо)
  • Изучение Angular & RxJS: Таймер обратного отсчета
  • Все, что вам нужно знать о Ivy, новом движке Angular
  • Несколько Angular приложений на одной странице
  • Углубленный взгляд на ng template в Angular
  • Руководство по дифференциальной загрузке в Angular 8
  

• VueJS:
  • Тестирование Vue с Jest
  • Vue 3.0: чего следует ожидать исходя из сообщений от Evan You & Chris Fritz
  • Что нового в Nuxt JS 2.8.0
  

• Ember:
  • Ember в 2019 году: избавляемся от «мы и они»
  • Улучшение вашего DX на Ember, часть 1: Быстрые победы
  • #EmberJS2019: Мой список пожеланий
  • Руководство по тестированию Ember.js, которое я сделал для себя
  • Статические типы в EmberJs?
  

• Libs & Plugins:
  • Pinker.js — js-библиотека для рендера диаграмм code/class
  • Javascript Library Boilerplate Basic — минимальный стартовый пакет для вашего проекта на Javascript
  • Macro Decorators — утилитарные макросы и обёртки для создания собственных декораторов (для любого фреймворка)
  • fuzzyjs — алгоритм с нечёткой логикой поиска в js
  • Полифил для Resize Observer
  

Браузеры

• Opera has developed the world's first “gaming browser” Opera GX with a distinctive design, control over the load on the processor and memory and other game functions
• Opera, Brave and Vivaldi will not fight ad blockers when Chromium is updated
• New Firefox and related logos are introduced with it services
• the Mozilla Firefox wants to introduce in the paid subscription service for access to "premium" features, but the browser will remain free himself
• The beta version of Google Chrome 76 complicates the use of Flash and facilitates bypassing the paywall
• the Microsoft does not give up Internet Explorer in Windows 10 In Firefox 68 will be the new Add-ons Manager •

In the next version of Chrome, the Install icon will automatically appear in the address bar if the site meets the PWA criteria
• Microsoft Edge developers held a Reddit AMA session

Entertaining

• NYTimes read 150 user agreements. The conclusions are disappointing
• A new technique for covert identification of the system and browser has been introduced
• The GIF graphic format is 32 years old. Look at the first “GIF”
• The strangest sections of Reddit according to Reddit users
• Google has released a free Game Builder video game that allows you to create 3D games in the Minecraft style without the slightest idea of ​​a game dave
• Apple and Microsoft have jointly developed a new iCloud application for Windows 10
• Ethics of AI: how to relate to the thinking and feeling robots?

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

← Digest last week
Material prepared dersmoll and alekskorovin