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

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

wa3qz1r5ahcfxumb0jswghazroc.png

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


Медиа


podcastvideoВидеоблог Вадима Макеева, выпуск №25. Свежий взгляд на Gulp: функции и ES-модули
podcastvideoПодкаст «Pro Conf» #66: Я Фронтенд — Все про картиночки | Фронтенд как у сына маминой подруги | ApolloClient 3
podcastПодкаст CSSSR: Microfrontends, Vue 3 development, any и unknown в TypeScript, почему CSS такой, Vue и тесты

b70f9feaeee78b42a0c78c3731555e73.gifВеб-разработка


habrЧто должен уметь верстальщик, чтобы его все хотели
enАнонсирован новый раздел в MDN Web Docs — путь обучения для фронтенд разработчиков
enНовые возможности Node.js 14 — AI, IoT, Assembly и многое другое
enДостижение баланса между нативными и кастомными селектами
enПоддержка темного режима на вашем сайте
en5 мифов о Jamstack
enСоздание прогрессивного веб-приложения и его развертывание

36c2c69660dd21085a2dcb71d7246ae6.gifCSS


habrЦвета в CSS
enКак использовать grid-template-area CSS Grid для изменения порядка элементов html в зависимости от размера вьюпорта
enИзучение Z-Index, используя инструмент визуализации
enCSS: is () и: where () приходят в браузеры
enКлевые маленькие хитрости CSS Grid для вашего блога
enКак обратить порядок пользовательские счетчиков в CSS
enGrid для разметки, Flexbox для компонентов
enЭффект складывания журнала на CSS
enУдивительные вещи, которые CSS может анимировать
enCSS Houdini
enCSS Viewport Units: Быстрый старт

JavaScript


habrОчень странные дела: JavaScript
habrМинифицируем приватные поля в TypeScript. Доклад Яндекса
habr10 полезных приёмов для JavaScript-программистов
• JS/ES2020: Optional Chaining and Nullish Coalescing
enEvent listeners and garbage collection
enКак получить все пользовательские свойства на странице в JavaScript
enСписок из 156 (продвинутых) вопросов о JavaScript, а также ответы на них
enПонимание ES-модулей в JavaScript
enКак сравнивать объекты в JavaScript

c595248cea9cbeab42ab6633d54d3782.gifБраузеры


• Microsoft Edge Canary и Dev теперь позволяют использовать кастомное фоновое изображение для страницы новой вкладки
• В браузере Brave выявлена подстановка реферального кода при открытии некоторых сайтов
• В сборках Google Chrome Canary уже можно активировать функцию Live Caption для преобразования речи в текст

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

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

© Habrahabr.ru