Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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.
Автор: alexzfort
