Дайджест свежих материалов из мира фронтенда за последнюю неделю №425 (20 — 26 июля 2020)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript
Медиа
• Подкаст «Фронтенд Юность (18+)» №147: Jenkins забирает код у Медиазоны
• Подкаст CSSSR: Chrome 84, Safari 14 Beta, Ember Roadmap 2020, Yandex UI Kit, Open Prioritization, Oracle Update
• Подкаст «Сделайте мне красиво», Выпуск №38: Кортежи в js, преоптимизация useCallbacks и яма с SPA
Веб-разработка
• Пришло время ленивой загрузки закадровых
CSS
• Современные решения старых CSS-задач: Удержание футера внизу страницы, Элементы одинаковой высоты: Flexbox vs Grid, Масштабирование изображений на CSS
• Нативный способ покрасить SVG-иконки
• О конфликтах Sass и сравнительно новых возможностей CSS
• Объяснение ключевых слов initial, inherit, unset и revert в CSS
• @property: наделяем суперспособностями CSS переменные
• Современные методы CSS для улучшения читабельности
• keyframes.app — визуальный онлайн инструмент, облегчающий создание CSS для анимаций
• Использование Flexbox с text ellipsis
• Анимированное подчеркивание на CSS
• О том, как использовать множественные фоны в CSS
• Когда вы используете inline-block?
• Онлайн-генератор изображений трехмерных книг на CSS
• css-media-vars — Новый способ написания адаптивного CSS. Именованные точки останова, DRY селекторы, без скриптов, без сборок, ванильный CSS.
• За пределами размеров экрана: отзывчивый дизайн в 2020 году
• Реалистичные капли на CSS
JavaScript
• Выбор зависимостей JavaScript
• Путь к пониманию шаблонных литералов в JavaScript
• Реактивный jQuery для спагетти-кода
• Импорт не-ESM-библиотек в ES-модули с ванильным JS
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.