Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры | Занимательное
Медиа
• 
Подкаст «CSSSR»: Github купил npm, remote-конференции, CSS и Houdini, магия calc(), Java SE 14, токсичный Angular
• 
UnderJS Podcast #17 — Беседы с Михаилом Башуровым про типы и HolyJS
• 
Подкаст «Веб-стандарты» №221: Отмена событий, Firefox и KaiOS, ненужный CSS, вьюпорт, размеры картинок, цвета, Vue.js
• 
Подкаст «Frontend Weekend» #103 – Алексей Золотых о переезде из Челябинска, ценности работы в ПК HolyJS и множества выступлений
• 
Подкаст «Сделайте мне красиво», Выпуск №36 — Коронавирус, джуниоры лучше сеньоров и недоступная доступность
• 
Подкаст «proConf» #54 AngularConnect — ProConf на карантине | Angular 9 | Ivy | Нейронки наступают | Как делать ревью
Веб-разработка
• «Не закрывайте теги!»
• 
Неразбериха с заголовками: когда они терпят неудачу во WCAG?
• 
Что означает «playsinline» в веб-видео?
• 
Быстрая интеграция фронтенда через компоненты
• 
Оптимизация совместной работы между фронтенд разработчиками
• 
Просто о Чистом коде и качестве кода (Code Quality & Clean Code)
- Инструменты
• Micrоsoft покупает NPM и будет развивать его вместе с GitHub
•
Инструменты для оптимизации SVG
•
Prettier 2.0 “2020”
- Производительность
•
Поддержка производительности. Или… Как я сократил загрузку страницы на ~33с, исправив шрифты
•
DevTools Performance Tab – использование Chrome Profiler для оптимизации скорости вашей страницы
- Эффекты
•
Играем с частицами с помощью Web Animations API
•
Создайте эффект движения волны на изображении с Three.js
•
Идеи для эффектов искаженная ссылок в меню
•
Как создать аккордионовый эффект наведения с помощью box-shadows
CSS
• 
CSS: приключения в стране полупрозрачности
• 
CSS разработчики — почему они нужны миру?
• 
CSS Grid: Верстаем адаптивный журнальный макет в 20 строк
• Туториал. Простая анимация на чистом CSS
• Когда 255 × 0 не равно нулю
• Комбинации в CSS: background-color и linear-gradient
• 
‘CSS X’
• 
Полное руководство по calc() в CSS
• 
Неоморфизм и CSS
• 
Размещение текста по траектории с помощью CSS
• 
Практический обзор CSS Houdini
• 
Все о Auto в CSS
• 
CSS: гибкие повторяющиеся SVG маски
JavaScript
• 
Почему JavaScript пожирает HTML: примеры кода
• 
Знакомимся с NestJS
• 
Внедри это полностью. DI-in-JS
• В Google ответили на вопросы о SEO для JavaScript
• 
Монорепозитории в JavaScript, анти-паттерн
• 
Для циклов в Javascript один цикл, чтобы управлять ими всеми
• 
Полезные советы по использованию console.log()
• 
Angular vs React vs Vue [2020 Update]
- React
• Понимаем компоненты высшего порядка в React на реальном примере
•
React Suspense на практике
•
Создание таблиц c сортировкой с помощью React
•
Реализация бесконечной прокрутки и отложенной загрузки изображений в React
- Vue
•
Создатель Vue.js об истории создания фреймворка
•
Правильный способ заставить Vue перендерить компонент
•
Глубокое погружение в управление состоянием Vue
•
Как протестировать свои Vue компоненты с помощью Jest
•
В качестве фреймворка для WikiMedia выбран Vue.js
•
Vue.js Amsterdam 2020
- Angular
•
Как ускорить время сборки Angular с помощью кэширования
•
Angular: храним его жирным, тупым и счастливым
•
Ленивая загрузка Angular компонентов в не-Angular приложениях
- Ember
•
The Ember Times — Issue No. 140
•
EmberConf 2020 Notes: краткий обзор основных моментов выступлений на EmberConf 2020
•
Руководство по тестированию Ember
•
Рефакторинг шаблонов Ember — быстрый совет
•
EmberConf 2020
- Libs & Plugins
•
Движок/алгоритм для шахмат, созданный только с использованием vanilla JS, CSS, HTML.
•
heapify — Очень быстрая очередь приоритетов JavaScript, реализованная с использованием двоичной кучи
•
Введение в AntV, технологию в визуализацию данных
•
mutik: крошечная (495B) библиотка для управления иммутабельностью на базе Immer
Браузеры
• 
SameSite=Lax по умолчанию — уже в Chrome 80 stable (правда, пока не у всех)
• 
Разработчик оценил сложность современных браузеров
• Firefox отказывается от поддержки протокола FTP
• Выпуск Chrome 81 отложен из-за перехода сотрудников Google к работе на дому
• Новые релизы Chrome задерживаются из-за коронавируса
Занимательное
• WordPress и Apache Struts среди web-платформ лидируют по числу уязвимостей с эксплоитами
• Проект OpenSilver развивает открытую реализацию Silverlight
• Корпоративный мессенджер Slack получил самый большой редизайн с момента своего запуска
• Что не так в инструкциях по удаленной работе: вы забыли, что дома есть дети
• Робохроники ИИ: алгоритмы как спасение от коронавируса, обучающие искусственный интеллект заключенные и чип-«нюхач»
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
