Дайджест свежих материалов из мира фронтенда за последнюю неделю №437 (12 — 18 октября 2020)

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

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

Медиа

• Подкаст «Веб-стандарты» №251. Chrome 86, Safari и Firefox, начало UI-кита, SSR и Next.js, про Зара и JS-марафоны
• Подкаст «Сделайте мне красиво», Выпуск №45: 18+ прохладных историй о фронтенде
• Подкаст CSSSR: Webpack 5 и Module Federation, Chrome 86, npm 7, Event Loop & Call Stack, Python 3.9, a11y-материалы

Веб-разработка

• Мы делаем веб приложения ради экономии — но этот путь ведет нас во тьму
• Темный режим: Hello darkness, my old friend
• От HTTP до HTTP 3  -  интернета будущего
• 11 фронтенд трюков, о которых не знают многие фронтенд-разработчиков
• Веб-компоненты: полное руководство
• Как создается коммуникация в реальном времени с помощью Socket.io & Node.js

CSS

• Переменные CSS — курс молодого бойца
• 10 современных раскладок в одну строку CSS-кода
• Продвинутый CSS-in-TS
• Выбор CSS макета — Grid или Flexbox?
• -​-var:; хак для переключения множественных значений одним пользовательским свойством
• «Отзывчивый» размер шрифта с использованием ванильного CSS
• Улучшения логических свойств с помощью сокращений
• Трюк с :focus-visible
• Подборка из 20 анимированных лоадеров на чистом CSS
• min(), max() и clamp(): три логические функции CSS для использования уже сегодня
• Layoutit Grid: визуальное изучение CSS Grid с помощью генератора
• Новая CSS функция image ()
• Отслеживание пользователей с помощью CSS

JavaScript

• WorkBox: ваш toolkit в мире сервис-воркеров
• Что такое WeakSet в JavaScript и как он работает
• Почему вам следует использовать Top-level Await в JavaScript?
• Начало работы с современным JavaScript — Proxy
• Путешествие к Isomorphic Rendering Performance
• Объектно-ориентированный JavaScript: немного практики
• Документирование ваших TypeScript проектов: варианты

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

Let's block ads! (Why?)