The digest of fresh materials from the world of the front-end for the last week No. 370 (June 17 - 23, 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

• CSSSR Podcast : News 512 - Vue 3 disassemblies, microservices, benchmarks, latest releases and a little bit about super computers
• CSSSR Podcast, Remote Talk # 06 : Scala and frontend, Scalalaz, Steam blockchain and Korolev web framework
• React Five Minute Podcast : React Five Minute Screen Savers on YouTube
• Repozitorro Podcast # 19 - It Started So Well and So Sadly Ended
• “Pro Conf” Podcast # 17 HolyJS 2016 - 2018
• CSS Day 2019 + UI Special

Web development

• How to make sites in 2019
• Why I don’t use web components
• 10 useful tips for implementing Pixel Perfect design in Frontend development
• How to divide your HTML into sections
• Reduced Motion technique for Picture
• Lesson on web components for beginners [2019 ]
• Micro frontends
• How to create a PDF from your web application
• Everything you need to know about the Progressive Web App (PWA)
• A drag-and-drop menu with an animated thumbnail grid
• Korolev: Diet tablet on the web . Alexey Fomkin about his web framework

• Performance:
  • 4 tricks that helped us optimize the frontend
  • How to increase page size by 1500% using webpack and Vue
  • Optimizing the performance of Google Fonts
  • The easiest way to speed up a slow site
  • How to improve the performance of your web application - 5 tips for developers
  • exthouse : a tool for monitoring the performance of browser extensions and their impact on the overall level of performance for users
  

• Accessibility:
  • Anatomy of accessible forms: best practices
  • Converting divs into accessible pseudo-buttons
  • 5 steps to accessible web typography
  

CSS

• Why do we prefer CSS (- variable) to SASS ($ variable)?
• Introduction to CSS Shapes
• Pinterest image gallery
• CSS background-image property as antipattern
• CSS day 2019: Part 1: UI special (1/2) , Part 1: UI special (2/2)
• CSS Day 2019: some things I learned
• Initial letter and design systems
• Copy-and-Paste CSS Animation Cheat Sheets
• CSS Scroll Snap updated in Firefox 68
• CJSS - CSS Web Framework

Javascript

• JavaScript programming for a lathe
• Elegant error handling in JavaScript using the Either monad
• Creating Micro Frontends using React, Vue and Single-spa
• Using service workers in Google Search
• 5 ES2019 features that you can use today

• Theory:
  • 13 useful one-liners in JavaScript
  • Lambda calculus in JavaScript?
  • JS Basics: JavaScript engine
  

• VueJS:
  • A dark day for Vue.js
  • 5 extremely simple ways to significantly increase the speed of your VueJS application
  • JavaScript.Ninja: VueJS: Let's continue about 3.x
  • Getting started with Vuex: a guide for beginners
  • Passing variables in CSS in Vue components
  • Use Data Binding Options in Vue.js for reactive applications
  • Introduction to Vue lifecycle hooks
  • Creating CRUD applications with Vue and GraphQL
  • Vue without View - Introduction to Renderless components
  

• React:
  • Анонс новой версии Styled Components v5: Звериный оскал
  • 5 отличных способов анимировать React-приложения в 2019 году
  • 11 советов для тех, кто использует Redux при разработке React-приложений
  • Как добавить интернационализацию (i18n) в приложение Preact
  • React c 60 кадров в секунду  —  создание увеличителя Medium-стиле c React-Pose
  • Упрощение React State и хуков useState
  • Что это за хрень в React? (Suspense)
  

• Angular:
  • 19 концепций, которые нужно изучить для того, чтобы стать эффективным Angular-разработчиком
  • Пользовательские директивы Angular
  • Создание масштабируемых, надежных и безопасных форм с помощью Angular
  

• Ember
  • EmberJS2019 Posts
  • Как новый синтаксис тестов позволяет упростить тестирование
  • Встроенные инпут-хелперы в Ember.js: когда онт должны использоваться?
  • Как на самом деле создать первоклассное приложение бесплато?
  • Essential Ember Addons: состояние экосистемы аддонов в Ember в 2019
  

• Libs & Plugins:
  • ts-toolbelt: ещё более безопасная типизация для TypeScript
  • spotlight: библиотека для наиболее лёгкой интеграции галереи в попапе
  • Just — библиотека от microsoft для определения задач сборки
  • deepmerge — библиотека для глубокого (рекурсивного) слияния Javascript объектов
  

Браузеры

• Chrome will warn about dangerous URLs and will get the Suspicious Site Reporter extension
• The new Microsoft Edge browser based on Chromium is now available for users of Windows 7 and Windows 8
• Firefox is developing a mode for blocking social network widgets and Firefox Proxy
• A password generator and a mode have been prepared for Firefox 69 video autoplay locks
• 5 browsers that you should switch to if you care about your privacy
• Two 0-day vulnerabilities in Firefox were used against Coinbase employees
• The Chrome extension replaced search results
•Turn on experimental web platform features in Chrome and Firefox

Entertaining

• Microsoft implements native removal of PWA applications
• AI-assistant for speech rehearsal will appear in PowerPoint
• Microsoft will add a virtual assistant for speech rehearsal in PowerPoint - it will indicate parasitic words and other errors
• Predict and correct typical user errors when interacting with the site
• GitHub acquired the developer of the service for the joint verification of the Pull Panda code and made its tools free
• Facebook introduced the international cryptocurrency Libra. It was supported by Visa, Mastercard, PayPal and many others, the launch - in the first half of 2020
• A first look at Facebook Libra
•More folding screens, fewer podcasts: what awaits technology in 2019

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 .