The digest of fresh materials from the world of the front-end for the last week No. 364 (May 6 - 12, 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”, 175. IE mode in Edge, Chromium, slow CSS, CSSWG, stages in CSS, Houdini
•
Podcast “devschacht”: # 79: Open source development using the example of React Styleguidist and mrm
•
Podcast “devschacht”: # 78: How can a programmer move to Berlin and is it worth it
•
Frontend Youth (18+) podcast: # 92 Firefox kills the Internet
•
Make me beautiful podcast, Issue No. 16 - Replacing Lodash, again about TDD and where it can to grow Senior
•
FrontSpot Show # 7: Where can I get an idea for a startup?
•
“ALL YOUR HTML” # s3e1: “Image transition with PIXI.JS”
•
HTTP headers for the responsible developer
•
Favicons: perhaps the least understood web function
•
New evergreen Googlebot
•
Hybrid Lazy Loading: progressive migration to native Lazy Loading
•
SVG components for IoT and devices (part 1)
•
Why, how and when use semantic HTML and ARIA
•
How to choose the best static site generator for your 2019 project
•
Practical exercises with Portals . Learn how to create a good UX for navigation using the Portals API.
•
css-only-chat - A truly monstrous asynchronous web chat without using JS at the front
•
Night mode with Mix Blend Mode: difference
•
Basic CSS specificity guide
•
4 reasons why your z-index does not work (and how to fix it )
•
cssfx - a selection of nice CSS effects with click-to-copy functionality
•
Understanding the layout of elements in grids by building a periodic table in HTML
•
Announced support for `font-display` in Google Fonts
•
CSS3 Transform - an online visualizer of 2D functions & 3D Transformations in CSS
•
Hyphenation with flexbox
•
Ember.js: (again) time to try
•
Frameworks: JavaScript trends in 2019
•
Write less code
•
Create a multi-user web game in the .io genre
•
What's new in JavaScript (Google I / O '19)
•
Is Google ready for working with javascript?
•
What I learned from the reverse engineering of the Airbnb internationalization library
•
Several functional applications for the Intersection Observer to determine if an element is in sight
•
A guide for configuring Vim for JavaScript development
•
Introduction to GraphQL
•
Axios JavaScript package found DoS vulnerability that affects all versions of the popular HTTP client
• Build 2019: Microsoft officially introduced the new Edge browser based on Chromium with IE Mode backward compatibility mode, and also showed the Mac version
• The new Microsoft Edge browser got IE mode
• Microsoft Edge will receive Collections, advanced privacy settings and built-in Internet Explorer
• In Chrome 76 Flash will be disabled by default
• Coinhive closed, but browser mining is still a problem
• Vivaldi 2.5 browser got the first of its kind integration with Razer Chroma backlight
• Mozilla fixed the problem with broken add-ons in Firefox, but for some users it there may be difficulties
•
The backstage details of how Microsoft unexpectedly decided to work with Google on its own Edge browser.
• Where do aging programmers go?
• “Facebook must be destroyed”: social network co-founder opposed Mark Zuckerberg
• Using machine translation Google Translate only harms Wikipedia
• New Microsoft: the company created a design system and united the departments of different products under it
• Google declared Kotlin a priority programming language for development Android applications
• Malicious ransomware attack on Git repository recorded
Last week digest .
Material prepared dersmoll and alekskorovin .

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

Podcast “Web Standards”, 175. IE mode in Edge, Chromium, slow CSS, CSSWG, stages in CSS, Houdini•
Podcast “devschacht”: # 79: Open source development using the example of React Styleguidist and mrm•
Podcast “devschacht”: # 78: How can a programmer move to Berlin and is it worth it•
Frontend Youth (18+) podcast: # 92 Firefox kills the Internet•
Make me beautiful podcast, Issue No. 16 - Replacing Lodash, again about TDD and where it can to grow Senior•
FrontSpot Show # 7: Where can I 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 function•
New evergreen Googlebot•
Hybrid Lazy Loading: progressive migration to native Lazy Loading•
SVG components for IoT and devices (part 1)•
Why, how and when use semantic HTML and ARIA•
How to choose the best static site generator for your 2019 project•
Practical exercises with Portals . Learn how to create a good UX for navigation using the Portals API.- Tools:
•
Accelerate the assembly of a web application with webpack
•
GitHub Package Registry introduced
• Microsoft introduced Windows Terminal - a new command line for Windows
•
Utility to convert SVG paths to relative or absolute
- Animation:
•
Everything about SVG animations
• Animation
performance 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 at the front •
Night mode with Mix Blend Mode: difference•
Basic CSS specificity guide•
4 reasons why your z-index does not work (and how to fix it )•
cssfx - a selection of nice CSS effects with click-to-copy functionality •
Understanding the layout of elements in grids by building a periodic table in HTML•
Announced support for `font-display` in Google Fonts•
CSS3 Transform - an online visualizer of 2D functions & 3D Transformations in CSS •
Hyphenation with flexbox
Javascript
•
Ember.js: (again) time to try•
Frameworks: JavaScript trends in 2019•
Write less code•
Create a multi-user web game in the .io genre•

What's new in JavaScript (Google I / O '19)•
Is Google ready for working with javascript? •
What I learned from the reverse engineering of the Airbnb internationalization library•
Several functional applications for the Intersection Observer to determine if an element is in sight•
A guide for configuring Vim for JavaScript development•
Introduction to GraphQL•
Axios JavaScript package found DoS vulnerability 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
•
Reflections on simplifying event handlers
VueJS:
• BEM + Vue.js — это просто
• Понимание реактивности во Vue.js (Шаг за Шагом)
• Методы обработки ошибок во Vue.js
• Введение в функцию визуализации Vue (с примерами)
•
Структурирование модулей Vuex для взаимодействия, скорости и гибкости
•
Vuex: Mutations vs. actions
•
Архитектура для масштабного приложения на Vue.js
•
Фул-стек решение для быстрой разработки PWA
React:
•
react-native-windows — Фреймворк для создания нативных Windows-приложений на React.
•
Вы, вероятно, не должны использовать React
•
Профилирование производительности приложений на React
•
Повторное знакомство React: развеиваем мифы каждого обновления React начиная с версии 16
•
Развертывание клиентских приложений с create-react-app на Microsoft Azure
•
Продвинутые шаблоны в React
•
Новый раздел на web.dev, посвященный React
Angular:
•
Оказывает ли React плохое влияние на Angular?
•
Angular — все доклады с ng-conf 2019
•
Использование Renderer2 в Angular
•
Введение в Angular Grid
•
Быстрое погружение в централизацию ваших данных в Angular с помощью ngrx/router-store
- Libs & Plugins:
•
dinoql — Настраиваемый язык запросов в стиле GraphQL для взаимодействия с объектами в JavaScript
•
cash: маленькая альтернатива jQuery для современных браузеров
•
hybrids: веб-компоненты из простых объектов и чистых функций
Браузеры
• Build 2019: Microsoft officially introduced the new Edge browser based on Chromium with IE Mode backward compatibility mode, and also showed the Mac version
• The new Microsoft Edge browser got IE mode
• Microsoft Edge will receive Collections, advanced privacy settings and built-in Internet Explorer
• In Chrome 76 Flash will be disabled by default
• Coinhive closed, but browser mining is still a problem
• Vivaldi 2.5 browser got the first of its kind integration with Razer Chroma backlight
• Mozilla fixed the problem with broken add-ons in Firefox, but for some users it there may be difficulties
•
The backstage details of how Microsoft unexpectedly decided to work with Google on its own Edge browser.
Entertaining
• Where do aging programmers go?
• “Facebook must be destroyed”: social network co-founder opposed Mark Zuckerberg
• Using machine translation Google Translate only harms Wikipedia
• New Microsoft: the company created a design system and united the departments of different products under it
• Google declared Kotlin a priority programming language for development Android applications
• Malicious ransomware attack on Git repository recorded
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.
Last week digest .
Material prepared dersmoll and alekskorovin .