Морские карты S-57 прямо в браузере: открытый парсер на TypeScript

На «Хабре» появился разбор открытого парсера морских карт S-57, написанного на TypeScript и пашущего аккурат в браузере. Отдельный блок статьи — про то, что в нём умудрились сломать и затем починить первые же пользователи.

Там же припрятана небольшая головоломка: причалы на обложке выстраиваются в S-57, а слева в коде заныканы две строчки. Разгрызёшь раньше остальных — тебе в комментарии.

Читать далее

👉 Frontender's notes

Подъехал официальный гайд по Claude Sonnet 5.5

Внутри раскладывают по полочкам: когда брать Sonnet, а когда всё-таки Opus, как перебраться с Sonnet 5, что подкрутить в самой модели и как выжать из неё по максимуму. Плюс приложили готовые примеры промптов — забирай себе.

Гайд: building-with-claude-sonnet-5-5

👉 Frontender's notes

🤣 Правильно расставленные приоритеты в моей жизни би лайк:

💥 xCode Journal

😅 Айтишник отправил в одну компанию три одинаковых резюме и только одно дошло до финала

Опыт везде был один и тот же, отличались только формулировки и ключевые слова. Первое резюме сразу ушло в помойку из-за алгоритмов, второе получило отказ после предварительной переписки и тестового, так как «опыт не совсем подходит», а вот третье дошло до финала.

✖️ xCode Journal

Cache Control для Claude Code

Хозяин канала прямо топит за мод Cache Control в Claude Code. Мол, из всего зоопарка модов именно этот лучше всех бережёт токены и даёт сессиям жить заметно дольше.

Работает просто: дорисовывает отдельную полоску под 5-минутный кэш Claude и шлёт уведомления — чтобы кэш не остывал.

Ставится одной командой:
npx claude-code-templates@latest --mod observability/prompt-cache-control

👉 Frontender's notes

Из шести деплоев в один: общий сайдбар на Module Federation

Если у тебя несколько фронтенд-сервисов, где одни и те же компоненты живут копипастой — взять хотя бы сайдбар — ты либо уже в этом болоте, либо вот-вот туда съедешь. Автор доехал ровно на шестом сервисе: докинуть один пункт меню = шесть pull-request'ов, шесть ревью, шесть деплоев и не пойми сколько прогнанных CI-пайплайнов, и всё ради одной строчки навигации.

Перебрали варианты и упёрлись в Module Federation. Сделали прототип, пощупали пару плагинов, поймали пару багов, вылечили и затащили в код продакшен-сервисов. С тех пор общий UI-каркас живёт сам по себе и деплоится отдельно от остальных сервисов — уже два года без проблем.

В статье — ретроспектива по двум плагинам для подключения Module Federation: какими они были два года назад и что из себя представляют сейчас, как выглядит конфиг на Vite для каждого, плюс технические нюансы и ограничения.

Читать далее

👉 Frontender's notes

Elementor и я: 9 вещей, до которых дошло после одного убитого сайта

Год назад мы с корешем пилили интернет-магазин для его девушки — она модель, замутила капсулу шмоток вместе с брендом. Каталог подняли на WooCommerce, а главную, лукбук и промо-баннеры под каждую коллекцию собирали в Elementor. Чтобы не тормозить, вёрстку закинули в HTML-виджеты и подкрутили стили.

Недели через две прилетает: «кажется, я сломала сайт». Хотела просто переписать текст на баннере, открыла виджет, увидела гору div-ов, аккуратно поправила пару строк — и заодно случайно снесла один закрывающий тег. Половина главной поехала, подвал встал посреди лукбука.

Автор честно признаёт: Elementor брали ровно за это — чтобы она сама, мышкой, без разработчиков правила баннеры и тексты. А вышло, что он вручил ей конструктор, а внутри у него лежит обычный HTML.

Читать далее

👉 Frontender's notes

Anthropic прикрутили к Claude плагин You Should Know

Проскочить мимо важных мелочей в работе Claude стало заметно труднее. Внутри поднимается отдельный агент-надзиратель: он пасёт модель и вытаскивает на свет то, что ты сам или сам Claude проморгали за долгую сессию. Задумка простая — серьёзные косяки и недоделки так мимо не уедут.

Врубается одной командой:

/plugin enable cc-plugin-you-should-know@builtin

Говорят, особенно заходит на длинных сессиях.

👉 Frontender's notes

Детектор ржача на Twitch: ИИ ловит эмоции прямо в лайве

Чел запилил для Twitch шоу, где ржать запрещено. Эмоции при этом щёлкает ИИ. Что там под капотом: совместный просмотр видосов с корешами без лагов, встроенное распознавание эмоций прямо в стрим, парсинг видео и топовых комментов, что летят в личку.

Ещё в проекте есть оверлеи и движ, где зрители влияют на игру. Автор уже выкатил первые цифры, рассказал, где спотыкался, и просит фидбек.

Подробности: Habr

👉 Frontender's notes

Кедр: SACD ISO в FLAC, написанный в Cursor

Кто-то наваял под macOS утилиту, которая хватает образ Super Audio CD и превращает его в FLAC. Трюк «скормить ISO в ffmpeg» тут не прокатывает: внутри сидит не PCM, а однобитный DSD, да ещё частенько зажатый в DST. Вот отсюда и взялся «Кедр».

Морда — на Electron, а саму конвертацию крутит локальный Python. То есть альбом с твоей машины никуда не улетает. Код родился вайбкодингом в Cursor: автор рассказывал, что должно выйти, смотрел на результат и закидывал назад в чат то, что уже отвалилось на живом диске. Каркас нейросеть лепит бодро, а вот как поведёт себя Homebrew-шный ffmpeg на конкретном DSF — угадывает так себе.

Читать далее

👉 Frontender's notes

SCAD++: стены на турбо-скорости, без лишней возни

На Хабре выкатили статью: автор предлагает слегка расшевелить SCAD++ и попутно сэкономить себе время на чай. Текст для конструкторов и проектировщиков — заходите.

Читать далее

👉 Frontender's notes

Команда OpenAI, похоже, взялась замаливать грехи. Расклад теперь такой: либо за день выкатывают реально нужную фичу, либо целиком обнуляют лимиты.

Именно так нынешний рабочий режим конторы описывают в посте в X.

👉 Frontender's notes

Зачем вообще гонять smoke-тесты прямо на проде? Автор статьи объясняет: такие проверки ведут себя почти как живые пользователи и прогоняют реальные пользовательские сценарии.

Правда, однажды подход подкинул побочку — статистика мессенджера внезапно оказалась слишком оптимистичной. В разборе: synthetic traffic, soft delete, поехавшие DAU/WAU/MAU и то, как отделять техническую активность от реальной, не отказываясь от production smoke.

Читать далее

👉 Frontender's notes

С чего вдруг разработчики не рвутся «использовать платформу»?

В новом выпуске JavaScript Weekly Нолан Лоусон раскладывает, почему мы раз за разом пересобираем руками то, что браузер и так умеет. И это говорит чел, который обычно как раз за платформу и топит. Материал на Hacker News обсуждали бурно: куча народа упирается — нативные контролы и API, мол, слишком урезанные и неудобные, чтобы на них всерьёз опираться.

В том же выпуске: Preact 11 — шесть лет с момента старта работы над версией, а на выходе улучшенная гидратация, автоматический ref forwarding и пакет только под ESM. Nuxt 4.6 — серверный слой отвязали от Nitro, докинули встроенные сессии, поддержку Vue Vapor и новый CLI.

Ещё объявили стабильный Remix 3.0 — full-stack фреймворк, собранный заново, которому React больше не сдался.

👉 Frontender's notes

История HTML и CSS: какие элементы и свойства ушли навсегда

На Хабре выкатили ретроспективу про веб былых времён. Автор зовёт отмотать назад и вспомнить штуки, которые когда-то жили прямо в HTML и CSS, — может, ты даже сам такое щупал.

По его мнению, веб дожил до момента, когда про его прошлое уже занятно говорить — как мы читаем книги, глазеем на архитектуру городов или смотрим фильмы из времён родителей.

Читать далее

👉 Frontender's notes

Автор мобильного образовательного приложения объяснил, почему не стал заморачиваться со съёмкой и AI‑видео, а пошёл генерить 3D‑ролики кодом.

Смысл простой: юзеру надо показывать сценарии, где объекты двигаются строго по формальным правилам — причём видосом, а не текстом. И сам автор не скрывает: стоит смазать траекторию или криво отыграть анимацию — и в голове у человека осядет неправильный паттерн.

Под это он и собрал конвейер на Remotion и React Three Fiber. Читать далее

👉 Frontender's notes

Жиза: агент на Claude Opus вынес системный диск подчистую

Чувак гонял Opus с вырубленными подтверждениями на каждое действие — и в итоге Клод приговорил весь его C:. Повезло: бэкапы имелись. Не имелись бы — и всё, приехали.

Мораль: не суй агенту полный доступ к системе и не отключай запросы разрешений. Для этого есть auto-permissions в Claude Code или Auto-review в Codex.

👉 Frontender's notes