Frontend Status: свежий дайджест фронтенда и AI — 18.04.2026

Привет! Это 13-й выпуск Frontend Status — дайджеста по фронтенд-разработке. В этом выпуске: 📺 Для тех, кто хочет делать игровые интерфейсы быстрее: видео про 2D-игры с AI и Phaser, где генеративные инструменты работают как напарник, а не как «чёрный ящик». 🤖 В AI-разделе — разбор того, что уже можно брать в прод: micro-ml на Rust/WASM, кейс крупной техкомпании с роем из 50+ агентов, Flint Alpha и практическая интеграция Claude с видео. 🛡️ По безопасности фокус на снижении рисков: прикладной XSS, бесплатная оценка уязвимостей кода от GitHub и дорожная карта крупной техкомпании по постквантовой криптографии. 🎨 CSS-блок про баланс визуала и доступности: почему box-shadow не заменяет outline в forced-colors и как сохранить корректный фокус. ⚛️ React-секция для тех, у кого интерфейсный слой растёт в сложности: управление модалками без хаоса, UI без брейкпоинтов и состояние компонентов через radio state machine. ⚡ В JS/TS — практичный набор без перегруза: Pretext для текста, k-means для палитр, модульная архитектура, Intl API и Web Audio API в Node/Bun. 🅰️ Angular-раздел посвящён Signal Forms в v21 и тому, как перейти к типизированным формам без ручных подписок. 🌐 В стандартах и дизайне — что уже можно внедрять сейчас: CSS Image Animation, Baseline за март, Liquid UI и UX-подходы для legacy-систем. …и многое другое.

https://habr.com/ru/articles/1025036/

#javascript #typescript #css #react #angular #vuejs #css3 #браузеры #nodejs

How to Install #Directus on #AlmaLinux #VPS

Here's a step-by-step guide detailing how to install Directus on AlmaLinux VPS.
What is Directus?
Directus is an open-source #headless #CMS and data platform that allows you to manage and interact with your database through a RESTful API or GraphQL API. It provides a modern, ...
Continued 👉 https://blog.radwebhosting.com/install-directus-on-almalinux-vps/?utm_source=mastodon&utm_medium=social&utm_campaign=mastodon.raddemo.host #postgresql #contentmanagement #opensource #installguide #nodejs #npm #selfhosting #cmsapps #selfhosted #vpsguide #letsencrypt

🚀 Deploy #Zonemaster on #Debian #VPS

This article provides a guide demonstrating how to deploy Zonemaster on Debian VPS.
What is Zonemaster?
Zonemaster is an open-source #DNS testing and validation framework designed to thoroughly analyze the health, correctness, and performance of a domain’s DNS configuration. It is jointly developed and maintained by AFNIC (registry for .fr) and ...
Continued 👉 https://blog.radwebhosting.com/deploy-zonemaster-on-debian-vps/?utm_source=mastodon&utm_medium=social&utm_campaign=mastodon.raddemo.host #selfhosted #redis #selfhosting #letsencrypt #nodejs #opensource

As a software engineer (17+ years), the quality and experience of a VPS is non-negotiable ! 🖥️EN

Cómo ingeniero de software (17+ años), la calidad y experiencia de un VPS es innegociable ! 🖥️ES

#programming #coding #programación #code #webdevelopment #devs #softwaredevelopment #vps #nodejs #server

How to Install #PeerTube on #Ubuntu VPS

This article provides an in-depth guide demonstrating how to install PeerTube on Ubuntu VPS.
What is PeerTube?
PeerTube is a decentralized, federated video hosting platform powered by WebTorrent and ActivityPub. It enables users to self-host video services and interact with other PeerTube ...
Continued 👉 https://blog.radwebhosting.com/how-to-install-peertube-on-ubuntu-vps/?utm_source=mastodon&utm_medium=social&utm_campaign=mastodon.raddemo.host #letsencrypt #selfhosted #vpsguide #decentralized #installguide #opensource #nodejs #fediverse #selfhosting #videostreaming

In what I’m telling myself is in no way feature creep, I just added experimental TypeScript support to Kitten in a dev branch.

I’m actually surprised how easy it was to do. Given I’m already using esbuild to create the Kitten bundle and already using a custom module loader, the change was basically making esbuild a dependency instead of a dev dependency, lazily transforming .ts files in the loader, and updating a few places in the code to ensure that you can use .ts as an extension in special Kitten extensions like .page.js, .post.js, etc. (so now you can have page.ts, post.ts, etc.)

Everything works the same way it does with TypeScript as it does with JavaScript – there’s no scaffolding or any additional workflow required.

For obvious reasons, I won’t be deploying this at end of day Friday but, hopefully, along with the major breaking change to the stateful component API, I plan to next week.

More details in the work-in-progress change log:
https://codeberg.org/kitten/app/src/branch/stateful-components-api-breaking-change/CHANGELOG.md#2026-04

💕

#Kitten #SmallWeb #SmallTech #NodeJS #JavaScript #TypeScript #web #dev

🚀 Deploy #Claude Code on #Ubuntu #VPS
This article demonstrates how to deploy Claude Code on Ubuntu VPS.

What is Claude Code?
Claude Code refers to using Claude (Anthropic’s AI model family) as a development assistant for writing, reviewing, refactoring, and reasoning about code — typically through an API-driven backend, CLI tool, IDE integration, or internal ...
Continued 👉 https://blog.radwebhosting.com/deploy-claude-code-on-ubuntu-vps/?utm_source=mastodon&utm_medium=social&utm_campaign=mastodon.raddemo.host #reverseproxy #selfhosting #claudecode #letsencrypt #nodejs #selfhosted #anthropic

🚀 Deploy #OpenStatus on #Debian #VPS (5 Minute Quick-Start Guide)

This article provides a start-to-finish, production-ready guide to deploy OpenStatus on Debian VPS, including all required prerequisites and a clean, repeatable deployment flow.
What is OpenStatus?
OpenStatus is an open-source uptime #monitoring and status page platform designed to help you monitor services, track incidents, and ...
Continued 👉 https://blog.radwebhosting.com/deploy-openstatus-on-debian-vps/?utm_source=mastodon&utm_medium=social&utm_campaign=mastodon.social #corepack #selfhosting #selfhosted #nodejs #letsencrypt