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

Выходим за рамки. Патрик Броссет показывает, как всего 30 пикселей и новый ключ display_override в PWA-манифесте в сочетании с env-переменными делают из «установленных сайтов» настоящие приложения. alistapart.com/article…-the-box

Улучшаем поиск кода на Гитхабе. Павел Августинов анонсировал новый мощный поиск по коду более чем 5 миллионов репозиториев. Поиск пока доступен в виде закрытого превью, на которое можно подписаться. Видео https://youtu.be/UOIPBfPXkus Анонс github.blog/2021-12…e-search

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

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

Fonts Knowledge. Команда Google Fonts делится библиотекой материалов и гайдов по типографике, созданной совместно с экспертами по типографике со всего мира. https://fonts.google.com/knowledge

Тестируйте сайты с реальными пользователями. Стефани Уолтер объясняет, чем полезен взгляд на сайт со стороны во время пользовательского тестирования. css-tricks.com/test-yo…al-users

Защитный CSS. Ахмад Шадид делится коллекцией фрагментов кода, которые помогут избежать некоторых проблем в будущем. https://ishadeed.com/article/defensive-css/

Сделали ли Core Web Vitals веб быстрее? Барри Поллард пробует разобраться, что изменилось в производительности сайтов после анонса Core Web Vitals в мае 2020. calendar.perfplanet.com/2021/ha…b-faster

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

Вебинар «Как проводить код-ревью» Яндекс.Практикума пройдёт 16 декабря в 19:00 (GMT+3). В программе 2 доклада про код-ревью в разработке и образовании от Сергея Бережного и Айгуль Маликовой, примеры из практики и ответы на вопросы. https://praktikum.blog/codereview/?utm_source=telegram&utm_medium=performance&utm_campaign=Telegram_performance_promo/codereview-webstandards_ru

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

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

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

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

Веб-стандарты - 311. Лёгкий Fleet, GitHub Actions, ESM+TS ломают сборку, свежие…

audio/mpeg3

Выпуск №311: Андрей Мелихов, Вадим Макеев, Никита Дубко про лёгкий Fleet, GitHub Actions, ESM+TS ломающие сборку, свежие CQ, HTML, CSS, JS в Веб-альманахе. Слушайте на Ютубе https://youtu.be/wQjq-U_Myuk Ссылки на сайте https://web-standards.ru/podcast/311/

Генерация текста с помощью цепей Маркова на JavaScript. Саша Беспоясов объясняет, что такое цепи Маркова, и показывает, как их применять для генерации статей в блог или написания кода. bespoyasov.ru/blog/te…v-chains

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

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