The digest of fresh materials from the world of the front-end for the last week No. 371 (June 24 - 30, 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" , Issue No. 182. Node.js, npm and JetBrains, service workers and WASM, JS price, modern CSS, accessibility
• Podcast “Web Standards” , Issue No. 181. Panda Meetup, Chrome 76, a11y, toast, preprocessors and jQuery
• Frontend Weekend podcast # 94 - Denis Mishunov about why you should leave for Norway and work remotely in GitLab
• CSSSR podcast, News 512 : Vue 3 RFC updated , more about microservices, the new Redux killer and interesting publications
• Podcast “Frontend Youth (18+)” # 97: Architecture you did not deserve
• “Repozitorro” # 20 - Portfolio on the contrary ...
•WSD in Moscow 2019 , 8 videos
• Amsterdam JSNation 2019 , 15 videos
• syntax.fm podcast No. 154: SVGs with Sara Soueidan
• How to set up web analytics to AMP pages
• Getting Started with Web performance? That's what you need to focus on.
• Creating PWA using Webpack and Workbox
• Spam Detection API
• Simulating relative positioning of nested SVG inside SVG
• HTML can do that? . A selection of demos demonstrating the power of pure HTML
• 10 PostCSS plugins that will save time for your layout designer
• 18 CSS tips that will make your developer’s life easier
• Three predictions from the State of CSS 2019 Survey
• A complete guide on centering with Flexbox
• a11y-css-reset
• Scheduling a conference on CSS Grid
• Drag-n-drop sticky, without JS!
• Variable fonts for developers
• We think of BEM as a philosophy of the user interface instead of naming CSS classes
• The cost of JavaScript in 2019 by Addy Osmani
• RxJS: a simple introduction
• Instant search in vanilla JavaScript
• Password generator is tested in Firefox Nightly
• Mozilla’s Track THIS tool allows you to fool advertising algorithms
• Three modes of blocking tracking scripts will appear in Microsoft Edge
• A new implementation of the address bar will be offered in Firefox 68
• The first release of the new Firefox Preview browser for Android
• The most important skill a programmer can learn
• Google users can now limit the time they store activity data (history of locations, applications and web searches) on the company's servers
• Windows Terminal - setup basics and first impressions
• “The development of the Kotlin language was much more expensive than our average product ": an interview with the head of JetBrains
• Why should include the development of prototyping
• Facebook, the Google and other IT-companies together will create a common set of tests for AI
• Trump verbally authorized the uS compan pits to work with Huawei
Last week's digest .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
• Podcast "Web Standards" , Issue No. 182. Node.js, npm and JetBrains, service workers and WASM, JS price, modern CSS, accessibility
• Podcast “Web Standards” , Issue No. 181. Panda Meetup, Chrome 76, a11y, toast, preprocessors and jQuery
• Frontend Weekend podcast # 94 - Denis Mishunov about why you should leave for Norway and work remotely in GitLab
• CSSSR podcast, News 512 : Vue 3 RFC updated , more about microservices, the new Redux killer and interesting publications
• Podcast “Frontend Youth (18+)” # 97: Architecture you did not deserve
• “Repozitorro” # 20 - Portfolio on the contrary ...
•WSD in Moscow 2019 , 8 videos
• Amsterdam JSNation 2019 , 15 videos
• syntax.fm podcast No. 154: SVGs with Sara Soueidan
Web development
• How to set up web analytics to AMP pages
• Getting Started with Web performance? That's what you need to focus on.
• Creating PWA using Webpack and Workbox
• Spam Detection API
• Simulating relative positioning of nested SVG inside SVG
• HTML can do that? . A selection of demos demonstrating the power of pure HTML
- Accessibility:
• How accessibility trees inform assistive technologies
• Report on lawsuits related to web accessibility (ADA Compliance) for the first half of the year. (Spoiler: a new lawsuit every hour)
• What is accessibility for web applications and why does it bother me?
- Spectacular web:
• How to properly make related scroll animation
• An interactive site for learning the basics of synthetic music . Powered by Web Audio, WebAssembly and WebGL using three.js, Tone.js, anime.js and React with TypeScript
• useAnimations: animated icons using the Lottie and After Effects framework for use in applications and websites
CSS
• 10 PostCSS plugins that will save time for your layout designer
• 18 CSS tips that will make your developer’s life easier
• Three predictions from the State of CSS 2019 Survey
• A complete guide on centering with Flexbox
• a11y-css-reset
• Scheduling a conference on CSS Grid
• Drag-n-drop sticky, without JS!
• Variable fonts for developers
• We think of BEM as a philosophy of the user interface instead of naming CSS classes
Javascript
• The cost of JavaScript in 2019 by Addy Osmani
• RxJS: a simple introduction
• Instant search in vanilla JavaScript
- Theory:
• Functional JavaScript: five ways to find the arithmetic mean of array elements and the .reduce () method
• 5 ES2019 functions that you can use today
• How to configure globalThis polyfill in universal JavaScript
• Understanding Async / Await in JavaScript using examples
• JavaScript collections - Set, Map, WeakMap and WeakSet
- Mongo / Node:
• Design patterns in Node.js: a practical guide
• New ECMAScript module is supported in Node.js 12
• Firebase or MongoDB: which database to use for application development
- VueJS:
• Using middleware in Vue
• Why do people get angry with Vue 3
• Beginner's guide to the Vue CLI
• When does the attribute: key by Vue really need and why?
• How to get started with Vuetify
- React:
• Разработка приложения для потокового вещания с помощью Node.js и React
• Знакомство с useReducer React Hook
• Миф о недоступности React
• Десять заповедей React компонентов
• Добавление WebAssembly компонента в React приложение
• Продвинутые концепты React хуков пояснённые на примере игры Змейка
• Next.js или Create React App: какие приложения более производительны?
- Angular:
• Состояние Angular в 2019-м
• Понимание магии, которая стоит за элементами Angular
• Создание музыкального проигрывателя с использованием Kendo UI и Angular
• Что я узнал за 3 года разработки в Angular 2+
- Ember:
• Начало работы с Glimmer-Native
• Ember.js Seattle Meetup с Yehuda Katz
• Пожелания для роадмапа Ember 2019
- Libs & Plugins:
• 10 лучших JavaScript библиотек для визуализации данных на графиках и диаграммах
• freezeframe.js — библиотека, которая приостанавливает анимированные .gifs, запуская анимацию при наведении мыши / клику / тачу
• TWGL: небольшая вспомогательная библиотека для WebGL
• pixelmatch: небольшая, простая и быстрая JS библиотека для попиксельного сравнения изображений
• svelte-adapter: использование Svelte компонентов с Vue и React
Браузеры
• Password generator is tested in Firefox Nightly
• Mozilla’s Track THIS tool allows you to fool advertising algorithms
• Three modes of blocking tracking scripts will appear in Microsoft Edge
• A new implementation of the address bar will be offered in Firefox 68
• The first release of the new Firefox Preview browser for Android
Entertaining
• The most important skill a programmer can learn
• Google users can now limit the time they store activity data (history of locations, applications and web searches) on the company's servers
• Windows Terminal - setup basics and first impressions
• “The development of the Kotlin language was much more expensive than our average product ": an interview with the head of JetBrains
• Why should include the development of prototyping
• Facebook, the Google and other IT-companies together will create a common set of tests for AI
• Trump verbally authorized the uS compan pits to work with Huawei
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's digest .
Material prepared dersmoll and alekskorovin .