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