Дайджест свежих материалов из мира фронтенда за последнюю неделю №419 (8 — 14 июня 2020)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
• Видеоблог Вадима Макеева, выпуск №25. Свежий взгляд на Gulp: функции и ES-модули
• Подкаст «Pro Conf» #66: Я Фронтенд — Все про картиночки | Фронтенд как у сына маминой подруги | ApolloClient 3
• Подкаст CSSSR: Microfrontends, Vue 3 development, any и unknown в TypeScript, почему CSS такой, Vue и тесты
Веб-разработка
• Что должен уметь верстальщик, чтобы его все хотели
• Анонсирован новый раздел в MDN Web Docs — путь обучения для фронтенд разработчиков
• Новые возможности Node.js 14 — AI, IoT, Assembly и многое другое
• Достижение баланса между нативными и кастомными селектами
• Поддержка темного режима на вашем сайте
• 5 мифов о Jamstack
• Создание прогрессивного веб-приложения и его развертывание
CSS
• Цвета в CSS
• Как использовать grid-template-area CSS Grid для изменения порядка элементов html в зависимости от размера вьюпорта
• Изучение Z-Index, используя инструмент визуализации
• CSS: is () и: where () приходят в браузеры
• Клевые маленькие хитрости CSS Grid для вашего блога
• Как обратить порядок пользовательские счетчиков в CSS
• Grid для разметки, Flexbox для компонентов
• Эффект складывания журнала на CSS
• Удивительные вещи, которые CSS может анимировать
• CSS Houdini
• CSS Viewport Units: Быстрый старт
JavaScript
• Очень странные дела: JavaScript
• Минифицируем приватные поля в TypeScript. Доклад Яндекса
• 10 полезных приёмов для JavaScript-программистов
• JS/ES2020: Optional Chaining and Nullish Coalescing
• Event listeners and garbage collection
• Как получить все пользовательские свойства на странице в JavaScript
• Список из 156 (продвинутых) вопросов о JavaScript, а также ответы на них
• Понимание ES-модулей в JavaScript
• Как сравнивать объекты в JavaScript
Браузеры
• Microsoft Edge Canary и Dev теперь позволяют использовать кастомное фоновое изображение для страницы новой вкладки
• В браузере Brave выявлена подстановка реферального кода при открытии некоторых сайтов
• В сборках Google Chrome Canary уже можно активировать функцию Live Caption для преобразования речи в текст
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.