FrontEndDev
25.4K subscribers
2.74K photos
30 videos
7.99K links
🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai

Читать на парковке: https://max.ru/front_end_dev

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Levelrail замена Vercel и Heroku для своих серверов

Levelrail — open source PaaS для self-hosted деплоя, который разворачивает приложения на Linux-сервере без Kubernetes. Он даёт HTTPS, логи, метрики и откат в один клик, а установка идёт одним Go бинарником.
На сервере нужен root и systemd, а при отсутствии Docker установщик поставит его сам.

https://github.com/glincker/levelrail
🔥6❤2🤨1
WebP наконец стало удобно использовать

WebP перестал быть экзотикой: поддержка дошла до всех основных браузеров, а в Pixelmator Pro с ним теперь удобно работать. Формат часто даёт меньший размер, чем JPEG и PNG при том же качестве, но в Photoshop его по-прежнему нельзя нормально сохранить через Save for Web и Export As.

https://anderegg.ca/2026/10/08/i-guess-im-using-webp-now
🔥4👍1
Вышел Bootstrap 6 Alpha

Вышла первая alpha-версия Bootstrap 6, где дизайн-система переведена на Sass modules, ESM-only JavaScript и новые CSS-возможности. Для v6 нужен Chrome и Edge 130, Firefox 132 или Safari 18, а старый Bootstrap 5 остаётся доступен и поддерживается.

https://blog.getbootstrap.com/2026/10/08/bootstrap-6-alpha/
👍4😁4
Screen Ruler измеряет и правит страницы в Chrome

Screen Ruler — бесплатное расширение для Chrome, которое измеряет расстояния, смотрит CSS и позволяет править страницу прямо в браузере. В нём есть проверка контраста WCAG, поиск SEO-проблем и режимы для цветов, шрифтов и ассетов. Расширение работает во всех современных Chromium-браузерах и сохраняет правки по сайтам, поэтому после обновления страницы они возвращаются.

https://www.screen-ruler.com/
👍5❤2
👾 Открытое собеседование для Frontend-разработчиков: интервьюер из R-Vision, ex-Сбер

12 ноября в 19:00 мск приходи посмотреть, как проходит реальное техническое интервью на позицию Frontend-разработчика

Интервьюер: Даниил Дмитриев, Frontend-разработчик в R-Vision, ex-Сбер. Работает с React и TypeScript, совмещает разработку с ролью тимлида, менторит коллег и проводит код-ревью

Без сценария и заранее известных вопросов ↓

В роли кандидата – действующий разработчик, который впервые увидит задания прямо на эфире

Обычно ты видишь собеседование только со стороны кандидата. Здесь сможешь посмотреть на процесс глазами интервьюера:

— какие темы и задачи проверяют на Frontend-собеседованиях
— как кандидат отвечает и где возникают сложности
— на что Даниил обращает внимание при оценке ответов


В конце Даниил ответит на вопросы зрителей

Эфир проходит в рамках менторской программы ШОРТКАТ. Мы помогаем разработчикам расти в грейде и зарплате. В нашем сообществе более 150 менторов из бигтеха, а наши менти уже получили более 500 офферов

Участие бесплатное 🔥

Зарегистрироваться на эфир можно в боте → @shortcut_front_bot

Реклама.
О рекламодателе.
👍4👨‍💻2
WebVitals.fyi сравнил инструменты веб‑производительности

WebVitals.fyi — каталог инструментов для веб‑производительности, который сравнивает их по ролям и задачам, а не по общему рейтингу. В базе уже 29 инструментов, включая RUM, SEO и мониторинг Core Web Vitals.
Для каждого инструмента указаны тип данных, модель поставки и оценка, а в разделе архетипов есть подборки для frontend developer, SRE и site owner.

https://webvitals.fyi/
❤4👍2🔥1
Появился каталог плагинов для Vite и Rollup

Vite Plugin Registry собрал в одном месте плагины для Vite, Rolldown и Rollup с поиском и сравнением. Данные обновляются ежедневно из npm, а авторы плагинов могут добавить compatiblePackages в package.json.

https://registry.vite.dev/
❤8🔥2
Как мы ускорили 9-мегабайтный WebAssembly-модуль, не убрав ни байта

История о том, как в Recraft Studio ускорили загрузку редактора на 15–19%, перестав заранее запрашивать 9,2-мегабайтный WebAssembly-модуль и базовые стили.

Подробнее — в статье.

https://bra31k.dev/ru/blog/same-bytes-17-percent-faster
👍7
OpenAPI спецификация как инструмент frontend-разработчика: практическое применение и типичные проблемы

Как по Swagger UI/ReDoc найти исходную OpenAPI-спецификацию и как затем использовать её для генерации TypeScript-типов, API-клиентов, RTK Query/React Query хуков, а также для типобезопасных BFF-роутов в Node.js.

https://habr.com/ru/articles/1105006/
❤7
Lift HTML сближает серверный HTML и интерактивность

Lift HTML — библиотека для web components, которая оставляет рендер HTML на сервере и добавляет интерактивность поверх уже готовой разметки. Она поддерживает TypeScript, работает с существующим стеком и стартует с 150 байт gzip для самых простых сценариев.

Пакет @lift-html/solid включает интеграцию с SolidJS, а для HMR и удаления мёртвого кода нужен свой build pipeline, иначе можно подключать код через CDN.

https://lift-html.js.org/
🔥5❤1
Вышел H3 v2 в стабильной версии

H3 v2 вышел в стабильной версии: это полная переработка серверного фреймворка на web standards, совместимая с большинством утилит v1 и быстрее прежней версии. На Node.js нужен Node.js 20.19 или новее, а старые имена v1 по-прежнему экспортируются для плавного перехода.

https://h3.dev/blog/v2
👍5
Partytown выносит сторонние скрипты в worker

Partytown — библиотека для отложенной загрузки, которая переносит тяжёлые сторонние скрипты в web worker и разгружает main thread. Она не гарантированно работает во всех сценариях, поэтому для сложных интеграций стоит сверяться с FAQ и trade-offs.

https://partytown.qwik.dev/