Медиа|Веб-разработка|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.