For Web — фронтенд, дизайн, программирование
14.5K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Проектирование интерфейсов для не-дизайнеров. Серия статей Антона Жиянова:

1. Законы робототехники в интерфейсе → https://antonz.ru/laws/
2. Что делает интерфейс простым → https://antonz.ru/simple-ui/
3. Как человек решает задачи в интерфейсе → https://antonz.ru/user-actions/
Сети для начинающего IT-специалиста: обязательная база. Дмитрий Миронюк доступно объясняет основы: глобальные и локальные сети, белые и серые IP-адреса, NAT, DHCP-сервер и подсети, маршрутизация, команды для анализа сети, UDP и TCP → https://habr.com/p/491540/
Ошибки вёрстки, которые я встречаю как человек без ограничений по здоровью: Стас Мельников делится распространёнными проблемами и способами их исправления → https://habr.com/p/519034/
Как работает z-index: наглядное объяснение с интерактивным примером → https://thirumanikandan.com/posts/learn-z-index-using-a-visualization-tool
Разработчики Moment.js официально объявляют проект завершённым, прекращают разработку новых фич (баги будут исправляться) и рекомендуют переходить на современные альтернативы → https://momentjs.com/docs/#/-project-status/
Как разрабатываются формы, которые приносят миллионы долларов: опыт инженеров Slack → https://slack.engineering/the-unsuspecting-beauty-complexity-of-web-forms/
Какую логику можно перенести из основного треда в веб-воркер? Результаты исследования одного из инженеров Google → https://docs.google.com/document/d/1nu0EcVNC3jtmUVWL8Gs5eCj2p_984kamNhG2nS9gOC0
— Кто-нибудь разбирается в JavaScript?

Знакомая форма вопроса? Не используйте её, а сразу задавайте конкретный вопрос → https://dontasktoask.com/
Fluid Framework, набор библиотек от Microsoft для разработки приложений с поддержкой совместной работы в режиме реального времени (как Google Docs) → https://fluidframework.com
Вышла PostCSS 8.0 «Президент Осе»: новый API, более быстрый и надёжный парсер, поддержка TypeScript, новый сайт с документацией и другие изменения → https://github.com/postcss/postcss/releases/tag/8.0.0

Руководство по миграции плагинов от Андрея Ситника → https://evilmartians.com/chronicles/postcss-8-plugin-migration
Спустя два года разработки вышел Vue 3: модульная архитектура, Composition API, улучшенная производительность, полноценная интеграция с TypeScript и другие изменения → https://github.com/vuejs/vue-next/releases/tag/v3.0.0
Как инженеры крупнейшей e-commerce компании Латинской Америки Mercado Libre оптимизировали метрики First Input Delay и Total Blocking Time → https://web.dev/how-mercadolibre-optimized-web-vitals/
This media is not supported in your browser
VIEW IN TELEGRAM
Vanilla Hamburger 🍔, легковесные анимированные кнопки для гамбургер-меню, готовые к использованию с любыми фреймворками → https://web-padawan.github.io/vanilla-hamburger/
WebRTC для любопытных: онлайн-книга о том, как устроен протокол WebRTC → https://webrtcforthecurious.com
Yarn 1 vs Yarn 2 vs NPM: инженеры Infinite Red делятся опытом выбора пакетного менеджера → https://shift.infinite.red/yarn-1-vs-yarn-2-vs-npm-a69ccf0229cd
Метод item() для индексируемых значений: предложение по добавлению в JS более удобного способа получения значений по индексу → https://2ality.com/2020/09/item-method.html
Как ускорить сайт с помощью CDN: практические рекомендации → https://web.dev/content-delivery-networks/
Новые Web API для двойных экранов и складывающихся устройств: введение от команды Microsoft Edge → https://blogs.windows.com/msedgedev/2020/09/14/introducing-dual-screen-foldable-web-apis/
Несбывшиеся надежды веб-компонентов: Лия Веру размышляет о критериях качества веб-компонентов и предлагает создать каталог компонентов с отбором по этим критериям → https://css-live.ru/javascript/nesbyvshiesya-nadezhdy-veb-komponentov.html
Почему Senior-инженеры ничего не успевают, почему это нормально и как можно успевать чуть больше → https://swizec.com/blog/why-senior-engineers-get-nothing-done/
Технологии для работы со скроллом: подробный обзор нативных браузерных API и библиотек для реализации задач, связанных со скроллом → https://css-tricks.com/an-overview-of-scroll-technologies/