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 .