For Web — фронтенд, дизайн, программирование
19.5K subscribers
5.25K photos
2 videos
5 files
1.5K links
Годнота для фронтендеров и дизайнеров

https://forweb.dev

Размещение рекламы: https://andrew-r.notion.site/For-Web-18d6dac1f0b54d28bde4f041f690c1b8
Публикация вакансий: https://andrew-r.notion.site/For-Web-8af55227614147799b1fdd96117e9527
Download Telegram
to view and join the conversation
Вышел веб-альманах 2021, ежегодный обширный отчёт HTTP Archive о состоянии веба во всех его аспектах: содержимое страниц, UX, способы публикации и распространения контента → https://almanac.httparchive.org/en/2021/
Семь практик для улучшения производительности и масштабирования приложений на Node.js: кеширование, таймауты, кластеризация и другие способы → https://blog.appsignal.com/2021/11/24/7-ways-to-improve-nodejs-performance-at-scale.html
Приёмы ускорения кода на JS и других языках: от наиболее общих до конкретных. Подборка Виктора Хомякова → https://habr.com/p/570914/
UX способов оплаты: рекомендации по проектированию интерфейса выбора способа оплаты на сайте → https://baymard.com/blog/payment-method-selection
Как мы ускоряли комментарии Хабра: подробная история оптимизации рендеринга больших списков комментариев после перехода фронтенда Хабра на SPA → https://habr.com/p/590111/
Floating UI, новый движок для позиционирования тултипов и попапов от создателей Popper: новая архитектура и более удобный API, больше возможностей, меньший размер, кроссплатформенность (React Native) и другие улучшения → https://floating-ui.com
Защитный CSS: Ахмад Шадид делится коллекцией приёмов, призванных избавить вас от потенциальных проблем с поехавшей вёрсткой → https://ishadeed.com/article/defensive-css/
Используем TypeScript для выражения намерений: несколько практических приёмов для написания более выразительного и понятного кода → https://blog.scottlogic.com/2021/10/11/Capturing-Intent-with-TypeScript.html
Пакетные менеджеры: есть ли жизнь за пределами NPM? Подробное сравнение NPM/Yarn/PNPM от Валентина Семирульника из Aviasales → https://youtu.be/RAFFHpjrwAs
fuite, инструмент для автоматизации поиска утечек памяти в веб-приложениях → https://github.com/nolanlawson/fuite
Почему и как инженеры Figma реализовали собственную систему для запроса и обновления данных фронтендом в режиме реального времени поверх Postgres с GraphQL-запросами → https://www.figma.com/blog/livegraph-real-time-data-fetching-at-figma
Делаем веб лучше канвас за канвасом: Брайан Карделл наглядно объясняет, как OffscreenCanvas может с минимальными усилиями существенно улучшить UX → https://bkardell.com/blog/OffscreenCanvas.html
Как бразильское онлайн-СМИ Terra повысило вовлечённость пользователей, реализовав тёмную тему для интерфейса → https://web.dev/terra-dark-mode/
CSS в 2022. Брамус Ван Дамм с обзором новых возможностей CSS, которые могут появиться в браузерах в этом году: медиавыражения от контейнера, родительский селектор :has(), слои каскада и многое другое → https://www.bram.us/2021/12/27/css-in-2022
Parcel CSS, новый CSS-парсер, компилятор и минификатор: очень быстрый (написан на Rust), умный (умеет полноценно парсить значения CSS-свойств), умеет компилировать CSS-модули → https://parceljs.org/blog/parcel-css/
Почему стоит хранить зависимости в системе контроля версий: Джек Франклин из команды Chrome DevTools рассказывает об опыте применения и неочевидных преимуществах такого подхода → https://forweb.dev/ru/blog/check-in-your-node-dependencies/
Новинка Node.js: протокол node: для импортов. Короткая заметка Акселя Раушмайера о том, зачем он нужен и как начать его использовать → https://2ality.com/2021/12/node-protocol-imports.html
Разбираемся в JavaScript-промисах: новая бесплатная книга Николаса Закаса обо всех тонкостях работы промисов → https://ebooks.humanwhocodes.com/promises
Время менять шапки: инженеры Циана поделились опытом ускорения поисковой выдачи в мобильной версии сайта → https://habr.com/p/598799/
Как <div>RIOTS перешли с Yarn на pnpm и сократили время установки зависимостей с четырёх до одной минуты → https://divriots.com/blog/switching-to-pnpm