Дайджест свежих материалов из мира фронтенда за последнюю неделю №425 (20 — 26 июля 2020)

в 20:02, , рубрики: angular, css, ES6, html, html5, javascript, JS, React, vue, браузеры, дайджест, Разработка веб-сайтов, ссылки, фронтенд

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №425 (20 — 26 июля 2020) - 1

Медиа    |    Веб-разработка    |    CSS    |    JavaScript

Медиа

podcast Подкаст «Фронтенд Юность (18+)» №147: Jenkins забирает код у Медиазоны
podcast Подкаст CSSSR: Chrome 84, Safari 14 Beta, Ember Roadmap 2020, Yandex UI Kit, Open Prioritization, Oracle Update
podcast Подкаст «Сделайте мне красиво», Выпуск №38: Кортежи в js, преоптимизация useCallbacks и яма с SPA

Дайджест свежих материалов из мира фронтенда за последнюю неделю №425 (20 — 26 июля 2020) - 5 Веб-разработка

habr Пришло время ленивой загрузки закадровых <iframe>
habr Правосторонний интерфейс: адаптируем контролы к right-to-left языкам
Yaml для веб разработчиков
Авторизация и аутентификация для всех
Google отложил переход на mobile-first индексацию до марта 2021 года
en Полноценный HTML в GitHub README с помощью SVG foreignObject
en Введение в Jamstack: создание безопасных, высокопроизводительных сайтов
en Используйте Chrome DevTools как Senior Frontend Developer
en 5 стратегий Service Worker кэширования для вашего следующего PWA приложения

Дайджест свежих материалов из мира фронтенда за последнюю неделю №425 (20 — 26 июля 2020) - 15 CSS

habr Современные решения старых CSS-задач: Удержание футера внизу страницы, Элементы одинаковой высоты: Flexbox vs Grid, Масштабирование изображений на CSS
habr Нативный способ покрасить SVG-иконки
habr О конфликтах Sass и сравнительно новых возможностей CSS
Объ­яс­не­ние клю­че­вых слов initial, inherit, unset и revert в CSS
en @property: наделяем суперспособностями CSS переменные
en Современные методы CSS для улучшения читабельности
en keyframes.app — визуальный онлайн инструмент, облегчающий создание CSS для анимаций
en Использование Flexbox с text ellipsis
en Анимированное подчеркивание на CSS
en О том, как использовать множественные фоны в CSS
en Когда вы используете inline-block?
en Онлайн-генератор изображений трехмерных книг на CSS
en css-media-vars — Новый способ написания адаптивного CSS. Именованные точки останова, DRY селекторы, без скриптов, без сборок, ванильный CSS.
en За пределами размеров экрана: отзывчивый дизайн в 2020 году
en Реалистичные капли на CSS

JavaScript

habr Выбор зависимостей JavaScript
habr Путь к пониманию шаблонных литералов в JavaScript
en Реактивный jQuery для спагетти-кода
en Импорт не-ESM-библиотек в ES-модули с ванильным JS

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Автор: alexzfort

Источник


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js