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

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

Медиа

• Подкаст «Веб-стандарты» №244: Новая типографика, опыт Яндекса и Фейсбука в доступности, отладка a11y и новые интерфейсы
• Подкаст CSSSR: Cокращения в Mozilla, TypeScript 4.0, DI с TS на практике, сила JavaScript, Laravel 8
• Подкаст «Сделайте мне красиво», Выпуск №42: Напишем свой Fortnite в вебе и станем сеньорами
• Подкаст «Фронтенд Юность (18+)» №152: Только синьор может писать на джаваскрипте

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

• Эффективное тестирование верстки
• Вот как я исправил странную ошибку, используя проверенные и актуальные стратегии отладки
• Google ответил на частые вопросы о переносе сайтов
• Modern Web — Руководства, инструменты и библиотеки для современной веб-разработки.
• Глубокое погружение в WebAssembly: пробуем основы
• Архитектура фронтенда: стабильные и изменчивые зависимости

• Инструменты
  • Изучаем Parcel — альтернативу Webpack для небольших проектов
  • Полное руководство по Windows Terminal
  • Yarn 2.2: быстрее, легче, дедупликация
  • Небольшое руководство по CI/CD для фронтенд разработчиков
  

• Производительность
  • Релиз официального плагина AMP для WordPress версии 2.0, технические детали
  • Лучший способ отложенной загрузки изображений для максимальной производительности
  • Подготовьте свою сайт к появлению ярлыка Fast page в Chrome
  

• Доступность
  • Недоступность в картинках
  • История Section 508 Accessibility
  • Разница между aria-label и aria-labelledby
  • 5 самых раздражающих особенностей веб-сайта, с которыми я сталкиваюсь каждый божий день, будучи слепым
  

• Эффекты
  • Экспериментальные переходы изображений с помощью треугольников на WebGL
  • Подборка креативных визуализаций «Awesome Demos Roundup #17»
  

CSS

• Для CSS создают параметр leading-trim: он исправит видимый беспорядок между строками текста при равных отступах в коде Материал редакции
• Пропорциональное изменение размера с помощью CSS переменных
• Почему CSS ::before не работает с инпутами и изображениями
• Почему логические свойства CSS не готовы к использованию
• Преобразование GIF в буквы с помощью Clip Paths
• Визуализаци техник сброса CSS
• CSS Shapes Layout Experiment
• Как сделать CSS реактивным
• CSSPLIT — CSS-сплиттер, который берет ваш файл main.css и разбивается на css файлы для конкретных компонентов.
• Самые популярные CSS фреймворки в 2020

JavaScript

• Решение частых алгоритмических вопросов на JavaScript
• В TypeScript 4.0 наконец появилось то, чего я очень ждал
• Руководство по Express.js. Часть 1
• Крошечный генератор мелодий на JS — как он устроен
• Разработка системы плагинов в JavaScript
• Движки JavaScript: обзор

• React
  • Погружаемся в Jamstack с помощью React, Serverless и Airtable
  • Полное пошаговое руководство по API GraphQL с React и FaunaDB
  • Анимируйте SVG viewBox с помощью React
  • Морфинг SVG с помощью react-spring
  • 6 советов и лучших практик для масштабируемого проекта на React
  • Minimal React: начало работы с фронтенд-библиотекой
  • Шаблоны компонентов React
  

• Vue
  • API Composition Vue 3 и разделение проблем
  • Настройка микро-архитектуры фронтенда с помощью Vue и single-spa
  

• Angular
  • Что можно положить в механизм Dependency Injection в Angular?
  • Пользовательская тема для Angular Material Components: Часть 1 — Создание темы
  

• Ember
  • The Ember Times — Issue No. 162
  • Подключение аккаунтов Stripe в Ember Octane
  • Асинхронные данные и Autotracking в Ember Octane
  

• Libs & Plugins
  • ztext.js — Простая в реализации трехмерная типографика для веба. Работает со всеми шрифтами.
  • handwritten.js — Преобразование текста в реалистичный почерк
  • Представляем Danfo.js, библиотеку в стиле Pandas на JavaScript, которая обеспечивает высокопроизводительные, интуитивно понятные и простые в использовании структуры данных для управления и обработки структурированных данных.
  • fastest-levenshtein — Самая быстрая реализация расстояния Левенштейна в JS. Измерьте разницу между двумя строками.
  

Браузеры

• Релиз Chrome 85
• Релиз Firefox 80
• Вышла версия браузера Edge 85 — новые возможности Collections, расширенный режим Internet Explorer и аннотации к PDF-файлам
• Google ускоряет Chrome, обещая +10% к скорости загрузки вкладок
• Mozilla Firefox для Android сильно изменилась внешне и обрела новые возможности

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

• 30% из тысячи крупнейших сайтов используют скрипты для скрытой идентификации
• Что такое cryptojacking? Как предотвратить, обнаружить и восстановиться от него
• Опубликован шрифт, автоматически цензурирующий оскорбительные выражения
• Согласно внутренним документам, даже сотрудники Google путаются в настройках конфиденциальности компании
• Windows 95 исполнилось 25 лет

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

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