Фронтенд-дайджест №574 (19 - 25 червня 2023)
Веб-розробка
-
Створення PWA за допомогою шести провідних фронтенд-фреймворків
-
Інструменти
-
Продуктивність
-
Доступність
- 4 швидкі способи перевірити веб-анімацію на доступність
- Низькоконтрастний текст залишається найпоширенішою проблемою доступності у 2023 році
- Використання WAI-ARIA зросло в чотири рази з 2019 року
- Новий законопроект Асамблеї Каліфорнії про доступність веб-сайтів може призвести до правового цунамі. Законопроект AB 1757 затверджує WCAG 2.1 Рівень AA як фактичний стандарт для веб-сайтів і мобільних додатків, доступних з Каліфорнії, і накладає відповідальність за передбачену законом шкоду на бізнес-структури та розробників веб-сайтів.
-
Ефекти
- Кодування ефекту наведення на нарізане зображення від Quai Network
- Детальна стаття про розробку сайта з креативним скрол-ефектом за допомогою Threejs (3D webgl), GSAP (Scroll Trigger) та Locomotive scroll від корейської дизайн-агенції
- Синхронізація відео, 3D-моделей і тому подібного зі Scroll-Driven анімацією
- Кастомний дизайн для курсору текстового поля у вигляді жирафи
- Ефект матового скла з ефектом глибини на CSS
CSS
- Майбутнє CSS: State Container Queries
- Підгонка тексту по ширині (Fit-to-Width)
- Приймайте участь в щорічному опитуванні "State of CSS 2023"
- Побудова лінійного графіка за допомогою CSS clip-mask
- margin-trim як найкраща практика?
- Не відмовляйтеся від Sass заради CSS (поки що)
- Сучасний CSS
- Тригонометрії функції в CSS: Практичне застосування
- 5 способів реалізувати смугастий фон лише за допомогою CSS
JavaScript
-
Прогресивне вдосконалення та фреймворки JavaScript - складні взаємовідносини
-
Релізи
-
TypeScript
-
React
-
Angular
Назад
