Веб-стандарты. Страница 28

Node.js для новичков. Серия из 26 коротких видео рассматривает практические сценарии использования платформы для быстрого старта на канале
Microsoft Developer — https://www.youtube.com/playlist?list=PLlrxD0HtieHje-_287YJKhY8tDeSItwtg

00:01:33 События
00:04:27 Опрос MDN
00:12:05 Открытые приоритеты Igalia
00:15:28 Новинки Npm 7
00:27:08 React vs WordPress
00:35:27 Уже Webpack 5
00:43:48 Что такое Rome
00:56:04 Инструмент будущего

Выпуск №252: Опрос MDN, Igalia, npm 7, React vs WordPress, уже Webpack 5, Rome — инструмент будущего. В гостях Антон Кастрицкий. Слушайте на Ютубе https://youtu.be/v1RzZEYJmBk, читайте на Медиуме https://medium.com/p/60c655b89d3d

Улучшение логических свойств с новыми сокращениями. Адам Аргайл и Ориол Бруфау про свойства вида margin-block и margin-inline, inset вместо top, right, bottom, left и дальнейшие улучшения с помощью ключевого слова logical или режима flow-mode — https://web.dev/logical-property-shorthands/

JavaScript для новичков. Серия из 51 коротких видео с введением в ключевые особенности языка на канале Microsoft Developer — https://www.youtube.com/playlist?list=PLlrxD0HtieHhW0NCG7M536uHGOtJ95Ut2

10 современных однострочных раскладок на CSS: центрирование, адаптация, стики-футер, святой грааль, 12-колоночник, карточки, соотношение сторон и другое. Юна Кравец в переводе на Хабре — https://habr.com/p/522880/

Новинки npm v7.0.0, который выйдет вместе с Node.js 15: воркспейсы, автоматическая установка peer-зависимостей, package-lock v2 и поддержка yarn.lock — https://github.blog/2020-10-13-presenting-v7-0-0-of-the-npm-cli/

MDN запустила опрос для оценки потребностей веб-разработчиков. Результаты опроса окажут влияние на приоритеты развития веб-платформы. Опрос переведён на русский — https://www.surveygizmo.com/s3/5897636/Mozilla?sglocale=ru

Результаты опроса за прошлый год (PDF) https://mdn-web-dna.s3-us-west-2.amazonaws.com/MDN-Web-DNA-Report-2019.pdf

Chrome Dev Summit пройдёт онлайн 9–10 декабря. Помимо основной программы с докладами, можно будет записаться на консультации и воркшопы с сотрудниками Google — https://developer.chrome.com/devsummit/

Figma: сделай сам. Роман Шамин показывает, как с нуля написать свой плагин для работы с цветами в Figma, используя базовые знания HTML, CSS и JS — https://evilmartians.com/chronicles/figma-diy-building-a-color-system-plugin

Workbox как набор инструментов для работы с сервис-воркерами. Святослав Козинец рассказывает, как облегчить продумывание нюансов жизненного цикла сервис-воркеров при помощи готового инструмента — https://habr.com/p/523106/

00:01:23 События
00:12:23 Chrome 86
00:21:38 Safari и Firefox
00:26:04 Начало UI-кита
00:38:13 SSR и Next.js
00:50:03 Про Зара
00:58:22 JS-марафоны

Выпуск №251: Chrome 86, Safari и Firefox, начало UI-кита, SSR и Next.js, про Зара и JS-марафоны. В гостях Зар Захаров. Слушайте на Ютубе https://youtu.be/IYUP3GCMmb4, читайте на Медиуме https://medium.com/p/1497c96a40f8

Лия Веру делится хаком, как при помощи пустой CSS-переменной (-​-var: ;) имитировать условный оператор if в CSS — https://lea.verou.me/2020/10/the-var-space-hack-to-toggle-multiple-values-with-one-custom-property/

DevFest 2020 пройдёт онлайн 17 октября и объединит GDG-сообщества России и Беларуси. Во фронтенд-потоке 5 докладов: <img>, RxJS Observable, UI KIT на Angular, редактор майндмэпов, интернационализация JS-приложений — https://gdg-russia.com/#!/tab/235456433-2

Подробное руководство по медиавыражениям: анатомия выражений, доступные типы, фичи и операторы, их браузерная поддержка — https://css-tricks.com/a-complete-guide-to-css-media-queries/

:focus-visible уже здесь. Маттиас Отт объясняет принцип работы псевдокласса, появившегося в Chrome 86, и показывает, как при помощи полифила добавить поддержку в старых браузерах — https://matthiasott.com/notes/focus-visible-is-here

Мажорное обновление Webpack 5: улучшенная производительность сборки, новые алгоритмы долгосрочного кэширования, улучшение совместимости с веб-платформой, обновлённые три-шейкинг и кодогенерация и другие особенности — https://webpack.js.org/blog/2020-10-10-webpack-5-release/