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
•
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
• 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
• 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
•
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
• 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
• 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?
← Digest last week
Material prepared dersmoll and alekskorovin

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