Как отрендерить 3D в 2D. Луи Хёбрегтс объясняет, как подготовить объекты из 3D-сцены для отрисовки на JavaScript Canvas 2D API.

https://www.mamboleoo.be/articles/how-to-render-3d-in-2d-canvas

Выпуск №310: Вадим Макеев, Никита Дубко, Андрей Мелихов про полифил для Container Queries, Remix вместо Next.js, PWA в 2021, TypeScript в Etsy и CSS-ресеты.

Слушайте на Ютубе https://youtu.be/dpfcF6hMzao
Ссылки на сайте https://web-standards.ru/podcast/310/

00:02:35 События
00:05:38 Полифил для Container Queries
00:13:44 Remix альтернатива Next.js
00:29:04 Состояние PWA в 2021
00:46:49 TypeScript в Etsy
00:54:49 Ресеты для CSS

7 видео с конференции State of the Browser 2021: эволюция CSS для раскладки, механизмы доступности, стилизация селекта, выбор браузера, будущее веб-монетизации, стабильный веб и выключенный JavaScript.

https://youtube.com/playlist?list=PL_xTCNiMz8sBvseZV9Wtx-b6_6SbW5Gl2

Сообщество MoscowJS запустило подкаст. В первом эпизоде в гостях Андрей Сёмин, с которым обсуждают его доклад «Как найти работу, которой захочется гордиться», прозвучавший на последней конференции сообщества.

https://podcast.ru/1598340625

Генерация текста с помощью цепей Маркова на JavaScript. Саша Беспоясов объясняет, что такое цепи Маркова, и показывает, как их применять для генерации статей в блог или написания кода.

https://bespoyasov.ru/blog/text-generation-with-markov-chains/

Выпуск №311: Андрей Мелихов, Вадим Макеев, Никита Дубко про лёгкий Fleet, GitHub Actions, ESM+TS ломающие сборку, свежие CQ, HTML, CSS, JS в Веб-альманахе.

Слушайте на Ютубе https://youtu.be/wQjq-U_Myuk
Ссылки на сайте https://web-standards.ru/podcast/311/

00:02:15 События
00:04:20 Лёгкий Fleet
00:16:48 Node.js в GitHub Actions
00:22:05 ESM+TS ломают сборку
00:29:28 Свежие Container Queries
00:33:16 Веб-альманах HTML
00:43:06 Веб-альманах CSS
00:48:59 Веб-альманах JS

Основы CSS-раскладки. Рейчел Эндрю показывает ключевые способы применения флексов и гридов для вёрстки адаптивных страниц, подстраивающихся под контент.

https://youtu.be/yMEjLBKyvEg

Редактор плавной типографики. Адриан Бис делится инструментом для визуальной настройки значений шрифта, зависящих от размеров вьюпорта, и генерации CSS-кода к ним.

https://modern-fluid-typography.vercel.app/

Вышло мажорное обновление минификатора CSSO v5. В свежей версии Роман Дворнов поддержал новые селекторы из CSS Selectors L4 (is, where, сложный not, of) и их старые псевдонимы с префиксами. Также пакет стал ES-модулем, но CJS по-прежнему поддерживается.

https://github.com/css/csso/releases/tag/v5.0.0

Вебинар «Как проводить код-ревью» Яндекс.Практикума пройдёт 16 декабря в 19:00 (GMT+3). В программе 2 доклада про код-ревью в разработке и образовании от Сергея Бережного и Айгуль Маликовой, примеры из практики и ответы на вопросы.

https://praktikum.blog/codereview/?utm_source=telegram&utm_medium=performance&utm_campaign=Telegram_performance_promo/codereview-webstandards_ru

10 вещей, которые можно делать в вёрстке с помощью псевдоэлементов before и after. Максим Васянович делится примерами использования псевдоэлементов в работе.

https://habr.com/p/592643/

Сделали ли Core Web Vitals веб быстрее? Барри Поллард пробует разобраться, что изменилось в производительности сайтов после анонса Core Web Vitals в мае 2020.

https://calendar.perfplanet.com/2021/have-core-web-vitals-made-the-web-faster/

Защитный CSS. Ахмад Шадид делится коллекцией фрагментов кода, которые помогут избежать некоторых проблем в будущем.

https://ishadeed.com/article/defensive-css/

Тестируйте сайты с реальными пользователями. Стефани Уолтер объясняет, чем полезен взгляд на сайт со стороны во время пользовательского тестирования.

https://css-tricks.com/test-your-site-with-real-users/

Fonts Knowledge. Команда Google Fonts делится библиотекой материалов и гайдов по типографике, созданной совместно с экспертами по типографике со всего мира.

https://fonts.google.com/knowledge

Node.js с нуля, основы и построение архитектуры приложений — курс Антона Ларичева на Udemy. В программе 18 глав и 97 лекций: введение в Node.js, многопоточность, V8, npm, TypeScript, DI, архитектура, базы данных, тесты и другое. Цена с промокодом 1090 ₽.

https://www.udemy.com/course/nodejs-start/?couponCode=1A82C62AC9F2138C543D

Добавление пользовательской темы для фронтенд-приложений. Павел Румянцев разбирает различные варианты того, как можно дать пользователю выбирать тему оформления приложения.

https://habr.com/p/594379/

Улучшаем поиск кода на Гитхабе. Павел Августинов анонсировал новый мощный поиск по коду более чем 5 миллионов репозиториев. Поиск пока доступен в виде закрытого превью, на которое можно подписаться.

Видео https://youtu.be/UOIPBfPXkus
Анонс https://github.blog/2021-12-08-improving-github-code-search/