Команда JavaScript for Devs подготовила перевод большого разбора новых CSS-возможностей, появившихся в Safari 26. Это, пожалуй, один из самых заметных релизов браузера за последние годы: поддержка anchor positioning, анимаций, зависящих от прокрутки, функции progress(), улучшенное абсолютное выравнивание, contrast-color() и даже «красивые» переносы текста.Не так давно команда Apple выпустила Safari 26.0! Насколько это важно? Казалось бы, браузеры всё время выходят с новыми версиями и подсыпают …
Зачем вообще что-то делать с историями во VKСо временем во VK у меня набралось несколько тысяч друзей. Отчасти это осознанная стратегия: расширение сети контактов помогает продвигать свои проекты, находить коллаборации и тестировать идеи на более широкой аудитории.Но есть обратная сторона. Лента историй превращается в хаотичную карусель:люди, с которыми вы давно не общаетесь;рабочие контакты;случайные добавления «на всякий случай»;тестовые или заброшенные аккаунты.При этом истории для меня — пр…
История о том, как наша команда смогла ускорить релизы, снизить затраты и построить масштабируемую архитектуру без хаоса. В статье вы узнаете, подходят ли вам микрофронтенды.Всем привет! Меня зовут Никита, я фронтенд-лид в Exante, и сегодня расскажу, как мы внедрили микрофронтенд архитектуру. Поделюсь, как мы к ней пришли, какие задачи с помощью нее решили, какие плюсы и минусы обнаружили. В конце будет вывод, когда стоит использовать микрофронтенды, а когда нет, и кому они реально приносят пол…
Ссылка на github Пару лет назад я столкнулся с проблемой, которая наверняка знакома многим: нужно было сделать компонентную систему, но React, Vue и, тем более, Angular казались избыточными, а чистый JavaScript уже начинал превращаться в нечитаемую кашу из addEventListener и innerHTML.В итоге я написал свою библиотеку — Reactive Web Components (RWC). Не потому, что хотел изобрести велосипед, а потому, что нужен был инструмент, который даёт реактивность без лишнего оверхеда и при этом работает с…
Данная статья является продолжением предыдущей статьи на тему детального разбора числового типа данных float и посвящена детальному разбору числового типа данных double.Что такое тип данных в программировании?Тип данных это метод хранения блока битов в определённом порядке и по определённым алгоритмам (правилам), чтобы при декодировании битов можно было получить достоверные данные.Существует две группы типов данных:ПримитивныеСтруктурированныеПримитивные типы данных делятся на целочисленные, ве…
В современных веб-приложениях для потокового видео всё чаще требуется не просто воспроизводить контент, но и анализировать аудиодорожку в реальном времени. Например, строить индикаторы уровня громкости (VU/PPM метры), визуализировать спектрограммы или детектировать тишину. В этой статье разберём, как корректно объединить hls.js и Web Audio API для анализа аудио из HLS-потока в браузере, избежав типичных подводных камней.ПроблематикаПри работе с Web Audio API и HTML-медиа-элементами разработчики…
Когда я только начал создавать KanaDojo, я не планировал строить серьёзную образовательную платформу или что-то в этом роде. Мне просто нужен был простой, красивый и бесплатный способ практиковаться и учить японскую кану (по сути японский «алфавит», хотя точнее его описать как слоговую азбуку - не совсем так, как у нас в русском). Хотелось создать что-то такое же минималистичное и затягивающее, как Monkeytype (загуглите! Очень классный проект), но для изучающих японский язык.В то время я был пр…
На собеседованиях и литкоде любят вращать бинарные деревья. Но что насчёт трансформации обычного дерева в другое? Как решить эту задачу, и какие могут быть подходы? Рассмотрим на опыте трансляции одного синтаксического в другое, чтобы разобраться.Как мы к этому пришлиПричины трансформировать одно дерево в другое придумать не очень сложно:Конвертация между разными форматами, например XML в HTML.Алгоритмические задачи, включая пресловутое вращение бинарных деревьев.Преобразования внутри компилято…
Всем привет, с вами Артем Леванов, Front Lead в компании WebRise. В прошлой статье мы разобрали, как навести порядок в создании форм — выделили примитивы, ячейки и типовые поля.Следующая проблема, с которой сталкивается любая форма — валидация.Формы могут быть красивыми и структурными, но без единого подхода к валидации они быстро превращаются в хаос.В этой статье поговорим о том, почему встроенные и кастомные проверки плохо масштабируются, особенно в динамических формах, и как Zod решает эту п…