Category : javascript

javascript
Оживляем UI на мобилках с Sensor API

Речь пойдёт о реализации реакции веб-интерфейса на наклон устройства, смещение бликов, теней, для придания ему таким образом интерактивности и объёма.Device Orientation API существует уже давно, мобильные устройства с гироскопом стали основным окном для приложений и сайтов, в тренде эмоциональный дизайн, всевозможные эффекты "блеска" / градиентов встречаются повсеместно, и кажется пора это всё объединить! И ведь Apple выкатили эту фишку в liquid glass! Но... лично по моему мнению, как-…

  • понедельник, 6 апреля 2026 г. в 00:00:06
javascript
Что всё таки не так с веб компонентами

Господа, продолжаем разбиратся в тонкостях веб компонент. Сделал тут бенч - сравнениe фреймворков ( $mol/lit/symbiot ) по todomcv. Вроде говорим об одном, а бенч о другом, разве не так ? Ан-нет, что бы разобраться с веб компонентами нужны фреймворки которые ставят их во главу угла, те, кто "сделал на них ставку".Вот что мне удалось понять:Первое. Память: 124 байта на веб-компонент, и 16 байт на JS object. Разница на порядок, это много, и без виртуализации интерфейс скорее всего будет л…

  • понедельник, 6 апреля 2026 г. в 00:00:05
javascript
Как я поднял AmneziaWG 2.0 на роутере ASUS: DPI, GeoIP и веб-интерфейс

АмнезияМэн - ты не вспомнишь о блокировкахКогда VPN на телефоне уже не спасает, а DPI провайдера научился резать WireGuard за секунды, приходит время переносить обфускацию на роутер. В этой статье расскажу, как я сделал полноценный аддон для Asuswrt-Merlin с веб-интерфейсом, выборочной маршрутизацией и поддержкой AmneziaWG 2.0. И почему пришлось отказаться от kernel module в пользу пользовательского пространства.ПроблемаУ меня ASUS GT-AX11000 с прошивкой Asuswrt-Merlin. Обычный WireGuard на роу…

  • понедельник, 6 апреля 2026 г. в 00:00:04
javascript
«Фронтенд умер»? Жаль, что я узнала об этом только после четырех лет учебы

Предлагаю открыть портал в ад и задать вопрос, который сейчас, кажется, витает в воздухе у всех, кто связан с разработкой: фронтенд вообще еще жив? Или логичнее уже сейчас срочно переучиваться, пока через пару лет не пришлось делать это в панике?Я задаю этот вопрос не как человек с десятилетним опытом, стабильной работой и философским спокойствием. Я задаю его как человек, который четыре года учился, чтобы войти в профессию, а вышел на рынок в момент, когда отовсюду слышно одно и то же: IT умер…

  • воскресенье, 5 апреля 2026 г. в 00:00:04
javascript
Как же устал это слышать: «React для создания сложных приложений, а Vue так уж…»

На дворе 2026-й, и за это время как React, так и Vue сделали гигантский скачок в развитии и создании экосистемы вокруг себя. Но статистика до сих пор беспощадна к Vue. На React в два раза больше вакансий, чем на Vue. Сколько я ни спрашивал React-инженеров, ответ был всегда один и тот же: «React для серьезных проектов, а Vue так уж».. Серьезно? Почему вы до сих пор так думаете?? Ну хоть один пример приведите, что нельзя сделать во Vue. Хотя бы потратьте 1 день на изучение экосистемы Vue 3 Compos…

  • воскресенье, 5 апреля 2026 г. в 00:00:03
javascript
Frontend Status: свежий дайджест фронтенда и AI — 03.04.2026

Frontend Status: Привет! Свежий дайджест фронтенда и AIПривет!Это одиннадцатый выпуск Frontend Status — дайджеста по фронтенд-разработке.В этом выпуске:📺 Плейлист по отладке Next.js с Sentry.🤖 Рэйчел Эндрю и Эдди Османи — два взгляда на AI: когда использовать, а когда координировать целый оркестр агентов.🛡️ GlassWorm: атака через невидимые Unicode-символы в npm-пакетах и расширениях VS Code.🎨 CSS Anchor Positioning: два круга, стрелка и ноль строк JS от Темани Афифа.⚛️ Storybook MCP для React, …

  • суббота, 4 апреля 2026 г. в 00:00:04
javascript
Проверяем веб-расчёт потерь в шинах на соответствие стандартам

Архитектура расчётного модуляРазработанный инструмент представляет собой веб-приложение с клиент-серверной архитектурой:Frontend — интерактивный интерфейс на JavaScript с возможностью добавления шин и аппаратов, визуализацией результатов и 2D – термограммой (это график распределения температуры по высоте НКУ)Baсkend — расчётное ядро на Python, реализующее физические алгоритмыUX: пользователь вводит параметры шкафа, шин и аппаратов в удобной форме, нажимает «Рассчитать», и практически мгновенно …

  • суббота, 4 апреля 2026 г. в 00:00:04
javascript
Claude Code бесплатно: как использовать ии бесплатно в 2026 году

31 марта 2026 года из npm source maps утёк исходный код Claude Code — CLI-агента от Anthropic. Буквально через часы на GitHub появился OpenClaude — форк, в который добавили OpenAI-совместимый провайдер. Суть: берёте весь инструментарий Claude Code (bash, чтение/запись файлов, grep, glob, MCP, агенты, задачи) и подключаете вместо Claude любую модель — GPT-4o, DeepSeek, Gemini, Llama через Ollama, или что угодно с OpenAI-совместимым API.Давайте разберёмся, что это на самом деле, как работает техн…

  • пятница, 3 апреля 2026 г. в 00:00:07
javascript
Как я детей вайбкодингу учил

Привет, Хабр.Я продолжаю свою педагогическую вахту. В прошлый раз я рассказывал о том, как боролся с костылями в генераторе судоку, а сегодня хочу поднять тему, которая вызывает массу споров: искусственный интеллект.У меня сложилось стойкое ощущение, что среди моего окружения почти никто не умеет пользоваться этим инструментом правильно. Для большинства это либо волшебная кнопка, которая выдает мусор, либо шпаргалка, убивающая критическое мышление. Я решил показать детям другой путь, когда ИИ с…

  • пятница, 3 апреля 2026 г. в 00:00:07