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

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

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры    |    Занимательное    |    

Медиа

• Подкаст «CSSSR»: Новости 512 — IT-laws, долой git flow, Firefox 74, rollup 2.0.0, Rust 1.42, развитие Django
• Подкаст «Веб-стандарты» №220. Цветовая гамма, история CSS, сборка в Rome, фильм про Vue, i18n, Google Fonts, геймдев, митапы
• ProConf #53: VueConf 2019 Toronto — ProConf В ОПАСНОСТИ | Тысячи тысяч | VueJS 3.0 | Реакт на лопатках |
• «ALL YOUR HTML» #s3e17: OGL Instancing animation. Очередной сеанс креативного live coding от Юрия Артюха

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

• Как в Sports.ru писали свой WYSIWYG-редактор
• Визуализация работы сервис-воркеров
• 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-фреймворки для фронтенда
• Это мог быть очередной JavaScript-фреймворк
• 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.