For Web — фронтенд, дизайн, программирование
14.6K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Важные материалы второй половины сентября: ускорение Wikipedia, сервис-воркер и тёмная тема Slack, разработка под KaiOS, автозаполнение форм, вариативные шрифты в Google Fonts, слоёный box-shadow, как рисует браузер, HTTP/3, визуализация данных в GitLab → https://forwebdev.ru/digest/2019-10-02/
Webpack Bundle Analyzer как сервис: бесплатный мониторинг размера бандла для проектов на GitHub → https://www.bundle-analyzer.com
For Web — фронтенд, дизайн, программирование pinned «Чат канала Небольшой анонс: у нас появился чат, в котором можно обсуждать публикации, обмениваться опытом и делиться мнениями. Присоединяйтесь → @chatforweb»
Франкенштейн-миграция: Денис Мишунов о способе перевода проекта на новую технологию, сочетающем лучшие стороны постепенного внедрения и полного переписывания с нуля → https://www.smashingmagazine.com/2019/09/frankenstein-migration-framework-agnostic-approach-part-1
Как организовать работу над библиотекой общих компонентов: Юлия Царева об опыте команды Tinkoff → https://habr.com/p/468589
Как заопенсорсить npm-пакет с нормальным деплоем, CI и демо (без потери радости к жизни): Роман Седов об опыте опенсорса пакета NgDompurify → https://habr.com/p/467227
Разработка в монорепозитории: запись и расшифровка доклада Азата Разетдинова о мотивации и опыте перехода на монорепозиторий в Яндексе → https://habr.com/p/469021/
Интервью с фронтендером из PornHub о специфике работы, используемых технологиях и экспериментах с новыми браузерными API → https://davidwalsh.name/pornhub-interview
Кеширование кода для JavaScript-разработчиков: что за оптимизация и что разработчики могут сделать, чтобы помочь с ней браузерам → https://v8.dev/blog/code-caching-for-devs
Локфайлы пакетных менеджеров — слепое пятно безопасности. Лиран Тал демонстрирует атаку через локфайл и делится линтером локфайлов для защиты от таких атак → https://snyk.io/blog/why-npm-lockfiles-can-be-a-security-blindspot-for-injecting-malicious-modules/
Как создавался Slack Kit: инженеры Slack о предпосылках и истории создания своей дизайн-системы→ https://slack.engineering/8a2830484259
Каскадная инвалидация кеша: Филип Уолтон демонстрирует неочевидную проблему в популярном подходе к кешированию и предлагает три решения → https://philipwalton.com/articles/cascading-cache-invalidation/
Инженеры SumUp поделились 10 выводами о разработке собственной библиотеки компонентов → https://medium.com/p/577af292ae56
Как реализовать доступные всплывающие уведомления? Мысли и рекомендации Скотта Охары → https://www.scottohara.me//blog/2019/07/08/a-toast-to-a11y-toasts.html
Вносим ясность в HTTP-ответы сервера об ошибках: введение в спецификацию Problem Details for HTTP APIs, определяющую формат описания ошибок → https://www.kimgunnarsson.se/bring-clarity-into-your-http-api-errors-using-problem-details/
Как устроена стратегия реального времени Voidcall, умещённая в 13 КБ: подробный рассказ Доминика Саблевского о технических деталях реализации игры для конкурса js13kGames → https://phoboslab.org/log/2019/09/voidcall-making-of
Geometric.js, библиотека для произведения геометрических расчётов → https://github.com/HarryStevens/geometric
Увеличиваем кликабельную область: Ахмад Шадид на примерах показывает, как избежать распространённой ошибки, портящей UX → https://www.ishadeed.com/article/clickable-area/
Проектируем стили для фокуса: Зел Лью с обзором проблем стандартной обводки и исследованием кастомных стилей на разных сайтах → https://zellwk.com/blog/design-focus-style/
Готовим графику правильно: подробнейшая статья Полины Гуртовой и Риты Клубочкиной из «Злых марсиан» о форматах и оптимизации графики для веба → https://evilmartians.com/chronicles/images-done-right-web-graphics-good-to-the-last-byte-optimization-techniques
Как ускоряли веб-версию Instagram, часть третья: подход cache-first и слияние старых данных с новыми → https://instagram-engineering.com/6f3f130b9669