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
Partytown, экспериментальное решение для переноса сторонних скриптов вроде Google-аналитики в веб-воркер для разгрузки основного треда и полноценного контроля и отслеживания доступа к DOM и браузерным API → https://github.com/BuilderIO/partytown
Motion One, новая библиотека для создания анимаций: существенно меньше популярных альтернатив (всего ~3 КБ), основана на Web Animations API, поддерживает таймлайны, написана на TypeScript, использует аппаратное ускорение → https://motion.dev
Самопаркующаяся тачка в 500 строк кода: Алексей Трехлеб подробно рассказывает о разработке генетического алгоритма для парковки машины на TypeScript → https://vas3k.club/post/12073
This media is not supported in your browser
VIEW IN TELEGRAM
Адаптивный layout: как переверстать весь проект, не перевёрстывая его. Юрий Голубев из Почты Mail.ru делится опытом реализации ручного ресайза колонок с адаптацией содержимого под ширину контейнера → https://habr.com/p/579798/
Как хранят данные в браузере: краткий обзор существующих способов от Антона Жиянова → https://antonz.ru/browser-storage/
Boring SEO: скучное, но действенное руководство по поисковой оптимизации → https://boringseo.org
Нативная раскраска скобок в VS Code: разработчики VS Code рассказали, как они перенесли в ядро редактора раскраску скобок, ранее реализованную в стороннем расширении, и попутно ускорили алгоритм раскраски в 10 000 раз → https://code.visualstudio.com/blogs/2021/09/29/bracket-pair-colorization
W3C Design System, официальная дизайн-система для сайтов W3C → https://design-system.w3.org
Дока: справочник для веб-разработчиков на человеческом языке от русскоязычных авторов. Актуальные и понятные руководства по HTML, CSS, JavaScript, архитектуре и инструментам → https://doka.guide
Вышел Parcel v2, сборщик веб-приложений с фокусом на минимум конфигурации при максимуме пользы.

Анонс с подробным списком улучшений и новинок → https://parceljs.org/blog/v2

Новый сайт и документация → https://parceljs.org
typescript-todo-or-die-plugin, плагин для проверки актуальности TODO- и FIXME-комментариев в коде с помощью TypeScript → https://github.com/ngnijland/typescript-todo-or-die-plugin
Лучшие практики встраивания стороннего содержимого: практические рекомендации для улучшения UX → https://web.dev/embed-best-practices/
Visual Studio Code теперь можно использовать прямо в браузере, не устанавливая приложение → https://vscode.dev

Анонс и рассказ о реализации от команды редактора → https://code.visualstudio.com/blogs/2021/10/20/vscode-dev
Responsible JavaScript, новая книга Джереми Вагнера от издательства A Book Apart о том, как не злоупотреблять клиентским JS и разрабатывать более надёжные сайты → https://abookapart.com/products/responsible-javascript
Веб-версия Photoshop: как инженеры Adobe портировали сложнейший графический редактор на веб-технологии → https://web.dev/ps-on-the-web/
Как победить CORS: Джейк Арчибальд подробно объясняет, как и почему работает CORS, и делится интерактивной песочницей, в которой можно на практике разобраться в нюансах → https://jakearchibald.com/2021/cors/
Эффективный компонент для изображений: как компонент изображения в Next.js решает большинство проблем UX и перформанса → https://web.dev/image-component/
Глубокое погружение в бандлинг через Webpack: подробный обзор процесса сборки через Webpack и его основных концепций и понятий → https://indepth.dev/posts/1482/an-in-depth-perspective-on-webpacks-bundling-process
Пара сервисов для удаления фона и ненужных предметов на изображениях:

https://cleanup.pictures
https://www.remove.bg
tachometer, библиотека для бенчмаркинга в браузерах от команды Polymer, использующая статистические методы для получения точных результатов → https://github.com/Polymer/tachometer