Фронтенд-дайджест №430 (24 - 30 августа 2020)
Медиа
- Подкаст "Веб-стандарты" №244: Новая типографика, опыт Яндекса и Фейсбука в доступности, отладка a11y и новые интерфейсы
- Подкаст CSSSR: Cокращения в Mozilla, TypeScript 4.0, DI с TS на практике, сила JavaScript, Laravel 8
- Подкаст "Сделайте мне красиво", Выпуск №42: Напишем свой Fortnite в вебе и станем сеньорами
- Подкаст "Фронтенд Юность (18+)" №152: Только синьор может писать на джаваскрипте
Веб-разработка
-
Вот как я исправил странную ошибку, используя проверенные и актуальные стратегии отладки
-
Modern Web - Руководства, инструменты и библиотеки для современной веб-разработки.
-
Инструменты
-
Производительность
-
Доступность
-
Эффекты
CSS
- Пропорциональное изменение размера с помощью CSS переменных
- Почему CSS ::before не работает с инпутами и изображениями
- Почему логические свойства CSS не готовы к использованию
- Преобразование GIF в буквы с помощью Clip Paths
- Визуализаци техник сброса CSS
- CSS Shapes Layout Experiment
- Как сделать CSS реактивным
- Для CSS создают параметр leading-trim: он исправит видимый беспорядок между строками текста при равных отступах в коде Материал редакции
- CSSPLIT - CSS-сплиттер, который берет ваш файл main.css и разбивается на css файлы для конкретных компонентов.
- Самые популярные CSS фреймворки в 2020
JavaScript
-
React
- Погружаемся в Jamstack с помощью React, Serverless и Airtable
- Полное пошаговое руководство по API GraphQL с React и FaunaDB
- Анимируйте SVG viewBox с помощью React
- Морфинг SVG с помощью react-spring
- 6 советов и лучших практик для масштабируемого проекта на React
- Minimal React: начало работы с фронтенд-библиотекой
- Шаблоны компонентов React
-
Vue
-
Angular
-
Ember
-
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 сильно изменилась внешне и обрела новые возможности