Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Медиа

•

Подкаст «CSSSR»: Новости 512 — IT-laws, долой git flow, Firefox 74, rollup 2.0.0, Rust 1.42, развитие Django
• podcast

Подкаст «Веб-стандарты» №220. Цветовая гамма, история CSS, сборка в Rome, фильм про Vue, i18n, Google Fonts, геймдев, митапы
• podcast

Подкаст «Фронтенд Юность» (18+) №128: Короновирус. Как выжить
• video

ProConf #53: VueConf 2019 Toronto — ProConf В ОПАСНОСТИ | Тысячи тысяч | VueJS 3.0 | Реакт на лопатках |
• video

«ALL YOUR HTML» #s3e17: OGL Instancing animation. Очередной сеанс креативного live coding от Юрия Артюха

Веб-разработка

•

Как в Sports.ru писали свой WYSIWYG-редактор
• habr

Визуализация работы сервис-воркеров
•

Happy 31st birthday, World Wide Web!
•

RedwoodJS: новый фреймворк, расширяющий JAMstack до полного стека и включающий в себя React, GraphQL, Prisma2 и множество другого из коробки
•

Что нового в DevTools (Chrome 82)
•

Преимущества производительности вариативных шрифтов
•

Вставка видео с гибкой шириной

Доступность
• Что такое ARIA?
• Web Accessibility Checklist: 16 вещей для улучшения доступности вашего сайта
• Доступные SVG: инклюзивность за пределами шаблонов

Эффекты
• Pure CSS Landscape — An Evening in Southwold
• Эффект масштабирования фонового изображения с помощью CSS Clip-path

CSS

•

Чистый CSS: 4 метода анимирования цвета ссылок
•

Единицы вьюпорта в CSS
•

Flexbox и абсолютное позиционирование
•

Как сделать линейную диаграмму с помощью CSS
•

Соображения по поводу выбора шрифтов для многоязычного сайта
•

Приключения в полупрозрачных землях CSS
•

Установка высоты и ширины на изображениях снова важна

JavaScript

•

Малоизвестные, но популярные JS-фреймворки для фронтенда
• habr

Это мог быть очередной JavaScript-фреймворк
• habr

10 отличных Github репозиториев, которые должен знать каждый веб-разработчик
• 7 полезных уловок с rest параметрами и spread операторами на JavaScript объектах
•

Сравнение различных способов делать HTTP-запросы в Javascript в 2020 году
•

JavaScript: первые 20 лет
•

Как я создал 3D-игру всего в 2 КБ JavaScript
•

Прерывание сигнала: как отменить асинхронную задачу в JavaScript

Теория
• JavaScript Clean Code — Вертикальное форматирование
• Прекратите использовать «else» в своем коде
• Руководство по стрелочным функциям в ES6

Практика
• Сила PWA: Система видеонаблюдения с нейросетью в 300 строчек JS-кода
• Докеризация приложения, построенного на базе React, Express и MongoDB
• Создавайте безопасные и быстрые веб-сайты с помощью JAMstack — бесплатный 3,5-часовой курс
• Начинаем создавать GraphQL APIs с Node
• Создать современный ванильный Javascript Router

React
• Вопрос для технического собеседования по JavaScript: React — это MVC или MVVM?
• Использование Redux с React: полное руководство с примерами из реальной жизни (Redux и Redux Toolkit)
• Простое руководство по предохранителям в React
• Релиз Next.js 9.3
• React Table v7 знаменует собой результат многолетней работы по рефакторингу всей библиотеки в утилиту для построения таблиц на хуках, не зависящую от интерфейса пользователя / стиля / разметки
• Однофайловые React компоненты уже здесь
• Как показать и скрывать элементы в React
• Как мигрировать React приложение на TypeScript
• 9 советов по созданию клевых переиспользуемых React компонентов
• Как начать тестировать свои React приложения с помощью React Testing Library и Jest

Vue
• Когда фронтенд-разработчику стоит перейти с React на Vue, а когда это усложнит разработку
• Vue.js 3 Tutorial — Создайте приложение с новыми функциями Vue 3
• Шпаргалка по продвинутым трюкам во Vue
• Vuex: зачем нам SPA State Management

Angular
• Чему меня научил мой коммит в Angular
• Лучшая скрытая особенность Angular 9: строгая проверка шаблонов
• Локализация Angular: зачем, что и как

Ember
• Валидация форм в Ember с помощью ember-cp-validations
• Тестовый набор Ember для CRUD приложений с mirage
• The Ember Times — Issue No. 139
• EmberJS Chennai Meetup — Feb 29th 2020

Svelte
• Почему Svelte — наш выбор для большого веб-проекта в 2020 году
• Создание собственного генератора статических сайтов для Svelte

Libs & Plugins
• lukeed — Крошечная (134B) и быстрая утилита для генерации случайных идентификаторов фиксированной длины
• ls-lint — быстрый линтер имен файлов и директорий
• COVID API — API для получения актуальной информации о COVID-19
• sort-isostring — крошечная (110B) и быстрая утилита для сортировки строк дат согласно ISO 8601

Браузеры

•

Устройство расширений для браузера Firefox (WebExtensions)
• Google Chrome наглядно покажет создателям сайтов, как люди с нарушениями зрения видят их веб-страницы
• Релиз Firefox 74
• Firefox 74, технические детали для разработчиков
• Доступен Firefox Preview 4.0 для Android
•

6 крупных причин попробовать новый Firefox Android preview

Занимательное

• Из-за опасного бага Avast отключает JavaScript-движок в своем антивирусе
• Искусственный интеллект в кибербезопасности
• Веб-дизайнер превращает старинные книги и брошюры 19 века в интерактивные сайты
• NVIDIA призвала геймеров использовать свои ПК для борьбы с COVID-19
• Как квантовые компьютеры могут изменить мир

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №406 (9 — 15 марта 2020)