For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Считаем калории: как команда UberEats полностью переписала веб-версию сервиса, тем самым улучшив быстродействие и UX → https://eng.uber.com/uber-eats-com-web-app-rewrite/
scriptlint, новый линтер для NPM-скриптов → https://github.com/peerigon/scriptlint
Лёгкий способ улучшить UX drag-and-drop загрузки файлов: растягивайте доступную для бросания файла область на весь экран → https://github.com/forwebdev/ui-developer-tips/tree/master/tips/018-drag-and-drop-file-upload

Другие советы → https://github.com/forwebdev/ui-developer-tips
Инженеры The New York Times рассказали, как они сверстали материал к столетию Баухауса по сетке, привязанной к базовой линии шрифта → https://open.nytimes.com/cb13cac45201
This media is not supported in your browser
VIEW IN TELEGRAM
ls-lint, быстрый (потому что написан на golang, а не JS) линтер имён файлов и директорий с поддержкой mac OS, Windows и Linux → https://github.com/loeffel-io/ls-lint
Онлайн-учебник по вариативным шрифтам: что это, как они устроены, как их использовать в вебе и где узнать о них больше → https://variablefonts.io
This media is not supported in your browser
VIEW IN TELEGRAM
Как я уместил 3D-игру в 2 КБ JavaScript: Франк Форс рассказывает о разработке ультралёгкой трёхмерной гонки → http://frankforce.com/?p=7427
Зачем и как в Sports.ru написали свой WYSIWYG-редактор? Рассказывает Валерия Токарева → https://habr.com/p/492228/

Отдельно Валерия рассказала, как написать собственный WYSIWYG-редактор с помощью ProseMirror → https://habr.com/p/491902/
Тёмная сторона дизайн-системы и что с ней делать: Лёша Свиридо из Альфа-Банка о том, с какими преимуществами и проблемами собственной дизайн-системы столкнулись в банке, а главное, как с этими проблемами борются → https://habr.com/p/492010/
Хорошие новости для фронтенд-сообщества: GitHub купил NPM.

Анонс от CEO GitHub → https://github.blog/2020-03-16-npm-is-joining-github/

Анонс от CEO NPM → https://blog.npmjs.org/post/612764866888007680
История URL: Зак Блум из Cloudflare с подробным рассказом о появлении и развитии URL и всех его частей → https://blog.cloudflare.com/the-history-of-the-url/
OpenAPI в YNAB: инженеры YNAB рассказали, как спецификация OpenAPI помогает им генерировать тесты, документацию и даже клиентский код с поддержкой TypeScript → https://dev.to/ynab/how-we-use-openapi-swagger-for-the-ynab-api-5453
JavaScript: первые 20 лет. Исчерпывающая история создания и развития языка от его авторов → http://www.wirfs-brock.com/allen/posts/866
Ревьюить пулреквесты на GitHub теперь можно с телефона: GitHub выпустил приложения для iOS и Android → https://github.com/mobile
Руководство GitLab по удалённой работе: практики и рекомендации от all-remote компании с 1 000+ сотрудников в 67 странах → https://about.gitlab.com/company/culture/all-remote/
Большая коллекция JavaScript/TypeScript-инструментов, разбитая на категории: от бандлеров до менеджеров монорепозиториев → https://tooling.js.org/
Руководство по визуализации состояния приложения на Node.js с помощью Prometheus и Grafana → https://habr.com/p/492742/
Как в Badoo применяют дизайн-токены и почему они значительно упрощают процесс разработки → https://habr.com/p/491948/