Фронтенд-дайджест №673 (12 - 18 травня 2025)
Веброзробка
-
Використання аудитів Lighthouse для оптимізації вебпродуктивності
-
Від SplitText до MorphSVG: 5 творчих демонстрацій з використанням безкоштовних плагінів GSAP
-
GitHub для початківців: Створення React-застосунку за допомогою GitHub Copilot
-
Інструменти
-
Доступність
- HTML emails Accessibility Report 2025
- Створення доступних застосунків за допомогою Next.js та axe DevTools
- The Art of Accessibility. Сучасний спосіб вивчити найкращі практики доступності для ваших React, Angular та Vue застосунків
- 3 інструменти, які допоможуть виправити найпоширеніші помилки WCAG 2.2
CSS
- Container Query для "чи достатньо місця за межами цього елемента?"
- 3d CSS галерея з нескінченною прокруткою
- SVG to CSS Shape Converter
- Створення квіткових фігур за допомогою clip-path: shape()
- The Height Enigma: розкриваємо секрети висоти на основі відсотків у CSS.
- Анімація, керована прокруткою, всередині каруселі CSS
- View Transitions: Плавна анімація border-radius за допомогою View Transition
- Smashing Animations, частина 2: Як CSS Masking може додати додатковий вимір
- Як змусити браузер вибрати контрастний колір в CSS
- Перші пригоди в View Transitions
JavaScript
-
Підказки компіляції JavaScript: що це таке і коли їх використовувати
-
React
- Інтеграція Rive у React-проект: За лаштунками Valley Adventures
- React Is Fucking Cool, You Dumbass
- Межі RSC: подорож практикуючого фахівця
- Як створити власний React-рендер?
- GitHub for Beginners: Building a React App with GitHub Copilot
- React Context не є причиною надмірної кількості рендерингу.
- React three fiber - 3D для вебу
-
Angular