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

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

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

Медиа

• «Новости 512» от CSSSR: WebStorm 2020.3, minmax(), Math.random() в JS, fwdays 2020, Advent of Code, Octoverse и State of CSS, плюс текстовая версия
• Подкаст «Сделайте мне красиво» №51 — Вас взломают, но хотя бы не хомячок
• Подкаст Фронтенд Юность (18+) #165: Сайт, чтобы посрать
• Подкаст «proConf» #80: TSConf 2020
• The Undefined Podcast №29: Vue vs. Svelte с Evan You и Rich Harris

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

• Монолит vs. Микро-фронтенды
• Как правильно создавать HTML-формы: безопасность
• Как Lyft мигрирует более 100 фронтенд микросервисов на Next.js
• Создание сайтов с prefers-reduced-data
• От Jekyll к 11ty
• PWA и AMP: берем лучшее из обоих миров
• PWAdvent — идеальный адвент-календарь для всех, кто увлечен веб-платформой.

• Инструменты
  • WebStorm 2020.3: обновленный интерфейс, поддержка Tailwind CSS и другие улучшения
  • Представляем WMR: Крошечный универсальный инструмент для разработки современных веб-приложений. Все, что вам нужно для создания быстрого сайта Preact, от разработки до прода. TSX, HMR, CSS Modules, модули npm без установки, никаких зависимостей
  • Релиз Snowpack v3.0. Streaming NPM Imports, встроенные аптимизации, роутинг, новый JavaScript API
  • Puppeteer vs Selenium vs Playwright — сравнение скорости
  

CSS

• DRY CSS: Как использовать каждое объявление только один раз
• Подробности об использовании CSS-функции minmax() в Grid-макетах
• Результаты опроса по State Of CSS 2020
• Недостающие браузерные инструменты разработки для Tailwind CSS
• Как сделать так, чтобы sticky-элементы липкие и полноэкранные блоки хорошо работали месте
• Календарь с помощью трех строк CSS
• Как создать диаграмму с помощью CSS
• Как добавить текст в border с помощью базовых элементов HTML
• Нативные соотношения сторон в CSS с помощью aspect-ratio

JavaScript

• ТайпСкрип: Ох уж эта весёлая система типов
• JavaScript исполняется 25 лет: краткая история языка и скидка 50% на WebStorm
• Старт ежегодного опроса State of JavaScript 2020
• Вот что люди в сфере технологий говорили о JavaScript, когда он дебютировал в 1995 году.
• Устали от глупых шуток? Напишите свою собственную JS библиотеку с арифметикой произвольной точности
• Руководство по интеграции Apple Music JavaScript
• js25.org: сайт с историей JS, посвященный его 25-летию

Браузеры

• Пользуемся офлайн-браузингом, как будто сейчас 1995 год
• Internet Explorer больше не поддерживает Microsoft Teams
• Представлен браузер Beaker 1.0 с P2P-платформой для децентрализованных сайтов
• Chrome 88: цифровые товары, оценка освещения в дополненной реальности и многое другое

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

Let's block ads! (Why?)