Фронтенд-дайджест №528 (1 - 7 серпня 2022)
Веб-розробка
- Як ми затягнули сайт Касти у сучасний світ responsive images
- article vs. section: Як вибрати правильний варіант
- Як автоматизувати тести API за допомогою Postman
- Веб-розробники просто не знають про localStorage
- Зображення, створені штучним інтелектом, із створеного штучним інтелектом альтернативного тексту
- Анімація переходу від великого зображення до контенту
CSS
- Як я додав Scroll Snapping до моєї Twitter Timeline
- Не всі нулі рівні
- @container і :has(): два нові потужні адаптивні API, які з’явилися в Chromium 105
- Неймовірно! CSS MASK реалізує video figure mask
- Вам не потрібен Word-wrap, коли текст містить три крапки
- :has(): the family selector
- Вивчення неявної сітки та можливостей автоматичного розміщення CSS Grid
- Градієнтні бордери для однієї або кількох сторін з border-image
- CSS-анімація для border
- Плавне визначення розміру замість кількох медіа-запитів?
- Допоможіть вибрати синтаксис для вкладеного CSS
- Більш детальний контроль над трансформаціями в CSS з індивідуальними властивостями трансформацій
- Quick Tip: Негативна затримка анімації
- Стилізовані чекбокси та радіокнопки без JS і додаткової розмітки!
- Reflection! Класні ефекти з -webkit-box-reflect
JavaScript
-
React
- Як Props працює в React – посібник для початківців
- Створення кошика для покупок у React за допомогою Redux Toolkit і Redux Persist
- Посібник із підсвічування синтаксису в React
- Мікрофронтенд із React і Next.js
- Як провести тестування interaction з React 18 і Storybook
- Від 500 мс до 1,7 мс у React: подорож і контрольний список
-
Vue
-
Angular