For Web — фронтенд, дизайн, программирование
14.8K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Capsize, инструмент для устранения пустого пространства вокруг строк текста для задания отступов от границы заглавных букв сверху и от базовой линии текста снизу → https://seek-oss.github.io/capsize/
Оптимизация производительности фронтенда: подробное руководство Ника Мостового по мотивам лекции в Школе программистов hh.ru.

Часть 1: critical rendering path → https://habr.com/p/513940
Часть 2: event loop, layout, paint, composite → https://habr.com/p/517594
Embla Carousel, современная карусель с анимацией и поддержкой свайпов: написана на чистом JS, есть удобная интеграция с React, работает в современных браузерах вплоть до IE11 → https://davidcetinkaya.github.io/embla-carousel
Руководство по Figma для разработчиков: горячие клавиши, стили, экспорт графики, анимации, прототипирование и даже комментарии к макету → https://www.smashingmagazine.com/2020/09/figma-developers-guide/
Внедрение зависимостей с TypeScript на практике: Саша Беспоясов объясняет, зачем нужно внедрение зависимостей (DI) и как его использовать во фронтенде → https://bespoyasov.ru/blog/di-ts-in-practice/
Как в Badoo перешли на TypeScript без перерыва в доставке фич: Иван Греков рассказывает о мотивации, процессе и результатах → https://habr.com/p/518246/
15 базовых советов по Git для эффективной работы каждый день: подборка Сергея Сергеева → https://habr.com/p/511946/
This media is not supported in your browser
VIEW IN TELEGRAM
Зачем Chrome Dev Tools дизайнеру: Евгений Игнашов делится полезными приёмами для проверки вёрстки → https://habr.com/p/518862/
Проектирование интерфейсов для не-дизайнеров. Серия статей Антона Жиянова:

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/