Фронтенд-дайджест №431 (1 - 6 сентября 2020)
Медиа
- Подкаст Toolsday: "Svelte: A Second Look"
- The CSS Podcast №023: Filters
- Подкаст CSSSR: Chrome 85, NodeJS 14.9.0, css-reset vs css-normalize, релизы JS- и PHP-фреймворков, прощай PhoneGap
- UnderJS Podcast #25 - Маленький перерыв, TypeScript 4, Angular 10
- Фронтенд Юность (18+) - #153 Редактирование PSD в VSCode
- Подкаст "Сделайте мне красиво", Выпуск №43: Чем хуже код, тем лучше программисты (в Aviasales)
- Подкаст "Веб-стандарты" №245. Firefox 80 и Chrome 85, никто не новый IE, зачем Yarn 2, новый AVIF и WebP v2
Веб-разработка
-
Инструменты
-
Производительность
- Оптимизация производительности фронтенда. Часть 2. Event loop, layout, paint, composite
- Как упростить код SVG с помощью основных фигур
- Повысьте производительность загрузки страницы с помощью этих методов загрузки скриптов
- GTmetrix ждут большие изменения: Lighthouse, новые тестовые локации, новые PRO планы и др.
-
Эффекты
CSS
- Обработка изображений с помощью CSS
- Как использовать CSS Grid для закрепления хедера и футера
- Обводка текста с помощью CSS: Полное руководство
- Техника добавления переноса на новую строку после инлайн элемента
- Пользовательские маркеры с помощью CSS :: marker
- Помимо медиа-запросов: использование новых функций HTML и CSS для адаптивного дизайна
- Верстка шапки сайта с помощью CSS Flexbox
- Варианты решения бага вьюпорта в Mobile Safari
- Как сделать адаптивный компонент с карточкой продукта без медиа-запросов
- Пользовательские стили CSS для полей ввода и текстовых полей
- Создание кастомной полосы прокрутки в 24 строках CSS
- Кастомные свойства в CSS. Часть 1: что это такое и как работает
- Кастомные свойства в CSS. Часть 2: особенности применения
- Кастомные свойства в CSS. Часть 3: ограничения
JavaScript
-
Обзор ts-migrate — инструмента для перевода крупномасштабных проектов на TypeScript
-
Теория
- JavaScript Array Insert - Вставка массива JavaScript - как добавить в массив с помощью функций Push, Unshift и Concat
- В JavaScript наконец-то появилась поддержка Native Private Fields и методов
- Интересное объяснение async/await в JavaScript
- Освоение сложных частей JavaScript: коллбеки
- JavaScript: область видимости простыми словами
-
React
-
Vue
-
Angular
-
Ember
-
Svelte
-
Libs & Plugins
Браузеры
- В чем ценность разнообразия браузеров?
- Microsoft пообещала избавиться от Adobe Flash в своих браузерах до конца года
- Идентификация пользователей по истории посещений в браузере
- Mozilla: истории браузера достаточно для надежной идентификации пользователя
- Защита DNS — теперь и в Chrome для Android
- Chrome 86: улучшенное выделение фокуса, WebHID и многое другое