Latest posts
frontend_tales
29 May, 19:55edited
Ну с выходом opus 4.8, точно нет 🥵
frontend_tales
27 May, 15:49
Уууу валит
frontend_tales
27 May, 05:35
♊️Gemini CLI и SubagentsНа примере простого проекта с нуля разберем, как настроить и связать между собой субагентов для решения сложных задач.Читать тутfrontendtales.ruGemini CLI Subagents. Часть 214 AI-агентов, одна браузерная игра и ноль строк кода, написанных вручную. Разбираем субагенты Gemini CLI: что это, как настраивать, когда они реально нужны — и собираем на них ферму на HTML5 Canvas.frontend_tales
25 May, 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 May, 18:51
Опять тут вышла самая умная. лучшая модель - Qwen 3.7-Max.И результаты тестов интересные 😁
frontend_tales
23 May, 18:07
Когда ты null null, а хотел быть [object Object] 🥲
frontend_tales
22 May, 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 May, 11:57
Не забываем 🗒️
frontend_tales
13 May, 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 May, 16:22
🤖Gemini CLI, как пользоваться, какие есть функции и пр.https://frontendtales.ru/ru/blog/gemini-cli-part-onefrontend_tales
2 May, 15:48
Вроде там и код на русском пишут....
frontend_tales
29 Apr, 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 Apr, 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 Apr, 19:59
👩💻 ➕ 👩💻 🟰❤️https://frontendtales.ru/ru/blog/react-and-typescriptfrontend_tales
19 Apr, 10:40
Интересненько 🌚
frontend_tales
18 Apr, 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 Apr, 05:41edited
📝 Форматируем списки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 Apr, 07:26edited
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 Apr, 09:30
frontend_tales
29 Mar, 15:12edited
🔠🔠🔠 Новый раздел в Roadmap'е - инструменты сборки.Всё, что нужно фронтендеру, чтобы разобраться в сборке приложений: от базовых концепций до популярных инструментов.➡️ Переходим https://frontendtales.ru/ru/roadmap@frontend_tales
Related Channels
Other channels in the same section of the catalogue.
