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