
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
•
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
•
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
•
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 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
• 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
• 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
Last week's digest .
Material prepared dersmoll and alekskorovin .
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•

•

•

•

•

•


Web development
•

•

• 10 useful tips for implementing Pixel Perfect design in Frontend development
•

•

•

•

•

•

• A

•

- 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
•

• Introduction to CSS Shapes
• Pinterest image gallery
• CSS background-image property as antipattern
•

•

•

•

•

•

Javascript
•

•

•

•

•

- Theory:
•13 useful one-liners in JavaScript
•Lambda calculus in JavaScript?
•JS Basics: JavaScript engine
VueJS:
• Adark 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
•

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 .