For Web — фронтенд, дизайн, программирование

SQIP, инструмент для генерации превью изображений в SVG, выглядящих прилично на любых экранах, в отличие от растровых превью LQIP → https://axe312ger.github.io/sqip/

Как проприетарный tnpm обошёл pnpm по скорости установки зависимостей: инженеры Ant Group подробно рассказывают о проблемах существующих пакетных менеджеров и собственном комплексном решении для ускорения установки зависимостей → https://dev.to/atian25/in-depth-of-tnpm-rapid-mode-how-could-we-fast-10s-than-pnpm-3bpp

[Реклама] Конференция HolyJS от JUG Ru Group возвращается 🔥 HolyJS 2022 Spring — 18-21 апреля, онлайн Ребята предлагают вам попробовать себя в качестве спикера. Если вы хотите поделиться знаниями с профессиональным сообществом, но сомневаетесь, стесняетесь или просто ждёте удачного момента — это он. От вас требуется только идея доклада. Если нужно, вам помогут подготовиться от и до. А онлайн позволяет выступить откуда угодно, но можно и из студии конференции в Питере. Примеры тем, которые хотели бы видеть в программе: — языки, транспилируемые в JavaScript и не только; — инструменты и фреймворки; — UI-разработка; — бэкенд на JS; — архитектура современных JS-приложений; — работа с графикой и VR. Это лишь рекомендации — прийти можно с чем-то совершенно своим. Переходите на сайт, чтобы узнать больше и заполнить анкету. Заявки принимают до 14 февраля. Кстати, билеты уже в продаже.

Monorepo Explained: что такое монорепозитории, зачем они нужны и что должны уметь инструменты для работы с ними → https://monorepo.tools

Введение в слои каскада в CSS: Стефани Эклз объясняет, как работают слои каскада и для чего они могут вам пригодиться → https://www.smashingmagazine.com/2022/01/introduction-css-cascade-layers/

[Реклама] 🚀 Интенсив по верстке на zerocode для начинающих разработчиков от Антона Шакирова, руководителя студии Method Zero, пройдёт с 7 февраля по 14 марта → https://tinyurl.com/bdenhtu3 Это отличный шанс попасть в IT-сферу под наставничеством опытного разработчика и дизайнера. Антон научит верстке, запуску сайтов, научит разрабатывать wow-сайты с анимациями, интерактивом и сложными дизайн-решениями. Научит базовому дизайну для разработчиков и основам JS. Сам интенсив построен на большом количестве практики и на обратной связи, за счет чего ты быстро всему научишься. Залетай на курс и реализуй свои амбиции🔥 Подробное описание интенсива и запись → https://tinyurl.com/bdenhtu3

Интерактивная демонстрация механизма работы специфичности в CSS от Мануэля Матузовича → https://www.matuzo.at/blog/2022/specificity/

Большой, маленький и динамический вьюпорты: Брамус Ван Дамм рассказывает о новых единицах измерения вьюпорта в CSS → https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/

Тёмная тема для Cloudflare Dashboard: фронтендеры и дизайнеры Cloudflare делятся опытом реализации тёмной темы → https://blog.cloudflare.com/dark-mode/

Предотвращаем ошибки пользователей и помогаем им, если избежать ошибки не удалось: практические UX-рекомендации → https://uxtools.co/blog/how-designers-can-prevent-user-errors

[Реклама] Митап LoGeek Night JavaScript: code review пройдёт онлайн 27 января На митапе вы узнаете, как неработающий JavaScript-код может работать, и наоборот, как работающий JavaScript-код может вести себя некорректно. Андрей Касаткин из Luxoft расскажет, как такое возможно и как выходить из таких ситуаций. У вас будет возможность задать вопросы спикерам и принять участие в розыгрыше сертификата на обучение на онлайн-курсах от Luxoft Training. Подробности и регистрация Чтобы не пропускать анонсы новых митапов, подписывайтесь на канал Luxoft → @luxoftrussia

Инженеры Tines поделились историей обнаружения и устранения проблемы webpack 5, которая вызывала замедление сборки их проекта в 15 раз → https://www.tines.com/blog/understanding-why-our-build-got-15x-slower-with-webpack-5

Splide, легковесная, доступная и расширяемая карусель на TypeScript без зависимостей → https://splidejs.com

Что нового появилось в CSS после CSS3? Краткий обзор наиболее интересных новинок для тех, кто не следил за развитием CSS → https://css-tricks.com/whats-new-since-css3/

Измерение веб-перформанса в Airbnb: как и какие метрики используют фронтендеры Airbnb для анализа быстродействия сервиса → https://medium.com/p/122da8d3ea3f

Попап вместо селекта: Вадим Макеев демонстрирует новые HTML-элементы, которые позволят в ближайшем будущем полноценно стилизовать селекты → https://youtu.be/mG0VFWCTnZI

Как читать W3C-спецификации: практические рекомендации Джея Дэвида Эйсенберга в переводе Максима Усачева → https://css-live.ru/articles/kak-chitat-w3c-specifikacii.html

Node.js с нуля: основы и построение архитектуры приложений. Новый курс Антона Ларичева на Udemy → https://www.udemy.com/course/nodejs-start/?couponCode=AF270ACE0039C6F4B547 В программе 18 глав и 97 лекций: — Внутреннее устройство Node.js — Многопоточность — Работа движка V8 — Node Package Manager — TypeScript — Dependency Injection и Inversion of control — Архитектура построения приложений — Авторизация и JWT — Работа с SQL ORM Prisma — Написание unit и E2E-тестов — …и многое другое. Рейтинг 4.8 ⭐. Цена с промокодом всего 1090₽ (скидка 80%) → https://www.udemy.com/course/nodejs-start/?couponCode=AF270ACE0039C6F4B547 #реклама

Псевдокласс :has() — не только «родительский селектор». Илья Стрельцын об особенностях работы и практических применениях нового псевдокласса → https://css-live.ru/css/psevdoklass-has-ne-tolko-roditelskij-selektor.html

Как <div>RIOTS перешли с Yarn на pnpm и сократили время установки зависимостей с четырёх до одной минуты → https://divriots.com/blog/switching-to-pnpm