Последние посты
frontend_tales
29 мая, 19:55изменён
Ну с выходом opus 4.8, точно нет 🥵
frontend_tales
27 мая, 15:49
Уууу валит
frontend_tales
27 мая, 05:35
♊️Gemini CLI и SubagentsНа примере простого проекта с нуля разберем, как настроить и связать между собой субагентов для решения сложных задач.Читать тутfrontendtales.ruGemini CLI Subagents. Часть 214 AI-агентов, одна браузерная игра и ноль строк кода, написанных вручную. Разбираем субагенты Gemini CLI: что это, как настраивать, когда они реально нужны — и собираем на них ферму на HTML5 Canvas.frontend_tales
25 мая, 18:07
🌐 Превращаем любой сайт в приложение с помощью Pake.Из интересного: тут не используются Electron или браузеры, а какие-то нативные библиотеки, и написано это всё на Rust. В итоге объем этого приложения может быть меньше 5 МБ, у electron минимум 100 МБ...# Install Pake CLI pnpm install -g pake-cli# Basic usage - automatically fetches website icon pake https://github.com --name GitHub# Advanced usage with custom options pake https://weekly.tw93.fun --name Weekly --icon https://cdn.tw93.fun/pake/weekly.icns --width 1200 --height 800 --hide-title-barGitHubGitHub - tw93/Pake:🤱🏻 Turn any webpage into a desktop app with one command. - tw93/Pakefrontend_tales
24 мая, 18:51
Опять тут вышла самая умная. лучшая модель - Qwen 3.7-Max.И результаты тестов интересные 😁
frontend_tales
23 мая, 18:07
Когда ты null null, а хотел быть [object Object] 🥲
frontend_tales
22 мая, 05:05
💦Жидкое стекло в вебе: canvas, WebGPU и без CSS blurИнтересная либа liquid-dom - считывает HTML-структуру страницы, переносит её в Canvas и использует WebGPU/WebGL для рендеринга физически корректных преломлений, бликов и капель в реальном времени.🌿Github https://github.com/AndrewPrifer/liquid-dom 🌿Демка https://liquid-dom-showcase.vercel.app/GitHubGitHub - AndrewPrifer/liquid-dom: Liquid Glass for the WebLiquid Glass for the Web. Contribute to AndrewPrifer/liquid-dom development by creating an account on GitHub.frontend_tales
20 мая, 11:57
Не забываем 🗒️
frontend_tales
13 мая, 19:38
😱 Вчера злоумышленник опубликовал 84 вредоносные версии в 42 пакетах @tanstack/, которые были доступны около 20 минут, пока они не были обнаружены.Хорошая новость: атаку выявили быстро, пакеты были помечены как устаревшие. Плохая новость: если вы запускали npm install вчера и у вас есть в проекте @tanstack/ - у вас возможно есть эти вредоносные пакеты...🥲 А как так получилось ???Атака строилась на цепочке из трёх уязвимостей. Вредоносный PR использовал pull_request_target в GitHub Actions, чтобы отравить общий pnpm-кэш кастомным payload.Когда в следующий раз запускался релиз, он восстановил этот заражённый кэш - и код злоумышленника извлёк OIDC-токен прямо из памяти раннера, чтобы опубликовать пакет в npm, не прикоснувшись ни к одному сохранённому credential. Для npm заражённая версия выглядела на 100% легитимной.Что делал вредоносный payload:GitHubSeveral npm latest releases were compromised · Issue #7383 · TanStack/routerWe are actively investigating this security incident and sharing our findings here: www.stepsecurity.io/blog/mini-shai-hulud-is-back-a-self-spreading-supply-chain-attack-hits-the-npm-ecosystemfrontend_tales
12 мая, 16:22
🤖Gemini CLI, как пользоваться, какие есть функции и пр.https://frontendtales.ru/ru/blog/gemini-cli-part-onefrontend_tales
2 мая, 15:48
Вроде там и код на русском пишут....
frontend_tales
29 апр., 18:38
🖥 Интересная альтернатива Firebase и Supabase - PocketBase Есть даже SDK для JS.Но есть нюанс 🤔Please keep in mind that PocketBase is still under active development and full backward compatibility is not guaranteed before reaching v1.0.0. PocketBase is NOT recommended for production critical applications yet, unless you are fine with reading the changelog and applying some manual migration steps from time to time.@frontend_talespocketbase.ioPocketBase - Open Source backend in 1 fileOpen Source backend in 1 file with realtime database, authentication, file storage and admin dashboardfrontend_tales
25 апр., 08:11
DOOM в терминале через curl 😐https://github.com/xsawyerx/curl-doomGitHubGitHub - xsawyerx/curl-doom: DOOM, played over cURLDOOM, played over cURL. Contribute to xsawyerx/curl-doom development by creating an account on GitHub.frontend_tales
22 апр., 19:59
👩💻 ➕ 👩💻 🟰❤️https://frontendtales.ru/ru/blog/react-and-typescriptfrontend_tales
19 апр., 10:40
Интересненько 🌚
frontend_tales
18 апр., 10:09
📹Атрибут poster для тега <video>Атрибут poster в HTML-теге <video> задаёт изображение-заставку, которое показывается до начала воспроизведения видео. Это как обложка у книги - первое, что видит пользователь.<video src="movie.mp4" poster="preview.jpg" controls> Ваш браузер не поддерживает видео. </video>❗Что важно учитывать☑️Размер и соотношение сторон. Лучше всего, когда размер постера совпадает с размерами видео - иначе браузер растянет или сожмёт картинку, и может появиться некрасивая рамка. Например, для видео 1920×1080 используйте постер такого же разрешения или пропорций 16:9.☑️Вес файла. Постер загружается раньше видео, поэтому он должен быть лёгким. Имеет смысл сжать JPG или использовать WebP - пользователь увидит заставку быстрее.
frontend_tales
13 апр., 05:41изменён
📝 Форматируем спискиIntl.ListFormat - это встроенный JavaScript API для форматирования списков на естественном языке. Вместо ручной склейки строк через запятые и союзы, он делает это автоматически, учитывая правила конкретного языка.Основной синтаксис: new Intl.ListFormat(locale, options)options принимает два ключевых параметра:🟠type — тип списка: "conjunction" (и), "disjunction" (или), "unit" (просто перечисление) 🟠style — стиль: "long", "short", "narrow"Примеры:const items = ['Яблоко', 'Банан', 'Вишня'];// Союз «и» (conjunction) — по умолчанию const conjRu = new Intl.ListFormat('ru', { type: 'conjunction' }); conjRu.format(items); // → "Яблоко, Банан и Вишня"frontend_tales
11 апр., 07:26изменён
CSS-библиотека, которая превращает интерфейс в 8-битную игру 😈https://nostalgic-css.github.io/NES.css/@frontend_talesnostalgic-css.github.ioNES.cssNES-style CSS Framework | ファミコン風CSSフレームワークChannel name was changed to «📝 Рассказ бэкендера»
1 апр., 09:30
frontend_tales
29 мар., 15:12изменён
🔠🔠🔠 Новый раздел в Roadmap'е - инструменты сборки.Всё, что нужно фронтендеру, чтобы разобраться в сборке приложений: от базовых концепций до популярных инструментов.➡️ Переходим https://frontendtales.ru/ru/roadmap@frontend_tales
