Еженедельный дайджест внешнего интерфейса № 309 (1–7 мая 2023 г.)

May 08 2023

Веб-разработка • Веб-компоненты 2023 Spring Update • Шаг за шагом: встраивание PDF-файлов в HTML-страницы • Я хочу поговорить о WebGPU • Использование расширения Web Vitals для отладки основных проблем Web Vitals • Создание фильтров для вашего веб-сайта • Использование атрибутов данных вместо Классы CSS • :root не является глобальным Итак, если :root не является глобальным, то что? • Не используйте настраиваемые полосы прокрутки CSS • Внедрение CSS для старых браузеров • Тестирование поддержки функций современного CSS • Руководство по скрытию элементов в CSS • Динамический размер шрифта с использованием только CSS3 JavaScript • Nx 16 уже здесь! • Освоение TypeScript: 20 лучших практик для улучшения качества кода • Изучение JavaScript с помощью воображения • Определение того, было ли событие инициировано пользователем или JavaScript • Практическое руководство, как не блокировать цикл обработки событий.

Веб-разработка

• Весеннее обновление веб-компонентов 2023
• Шаг за шагом: встраивание PDF-файлов в HTML-страницы
• Я хочу поговорить о WebGPU
• Использование расширения Web Vitals для устранения проблем с Core Web Vitals

Производительность
• Оптимизация веб-производительности с помощью передовых методов
• CDN: повышение производительности за счет уменьшения задержки
Анимация
• Анимация элементов при прокрутке с помощью анимации, управляемой прокруткой
• Создание асинхронной ожидаемой анимации с помощью Shifty
• Идеи для сетки для слайд-шоу Анимация переключения

• Создание фильтров для вашего веб-сайта
• Использование атрибутов данных вместо классов CSS
• :root не является глобальным Итак, если :root не является глобальным, то что?
• Не используйте настраиваемые полосы прокрутки CSS
• Реализация CSS для старых браузеров
• Тестирование поддержки функций для современного CSS
• Руководство по скрытию элементов в CSS
• Динамический размер шрифта с использованием только CSS3

JavaScript

• Nx 16 здесь!
• Освоение TypeScript: 20 лучших практик для улучшения качества кода
• Изучение JavaScript с помощью воображения
• Определение того, было ли событие инициировано пользователем или JavaScript
• Практическое руководство, как не блокировать цикл обработки событий