FrontEndDev

Ежедневные flexbox головоломки Прокачивайте CSS Flexbox через ежедневные задачи: нужно собрать целевой layout, подбирая свойства flexbox, чтобы добиться нужного выравнивания и поведения элементов.https://flexboxle.com

Десктоп приложения с Zig и WebView: маленькие бинарники и быстрые сборкиZero-native позволяет собирать нативные десктоп приложения с веб интерфейсом через системный WebView или встроенный Chromium, сохраняя общий API и гибко выбирая движок под задачу.https://zero-native.dev/

Mobile ViewУдобное и простое расширение, для предпросмотра ваших веб приложений на мобильных устройствах. Оборачивает контент в рамку, позволяя выбрать девайс, ориентацию и много других настроек.https://mobileview.app/

Профессиональные скилы для AI coding agentsСобирайте пайплайны для AI агентов с workflow, quality gates и best practices уровня senior инженеров, чтобы код выходил предсказуемым и поддерживаемым.https://github.com/addyosmani/agent-skills

Вопросы на собеседование по TypeScript: рефакторинг без рискаНа практике разбираем, как сузить типы, убрать избыточные аннотации, защитить данные от мутаций и заменить набор флагов на дискриминируемые объединения, чтобы код стал безопаснее, читабельнее и более доступным для рефакторинга. Подходит для подготовки к интервью и для ежедневной работы с TypeScript в фронтенде.https://habr.com/ru/articles/1033686/

Почему стоит мигрировать на ValibotValibot это модульная schema библиотека для TypeScript с быстрым стартом, точной типобезопасностью и понятной моделью данных. Валидация, трансформации и метаданные собираются в едином pipeline, поэтому код расширяется без лишнего веса и ошибок.https://valibot.dev/blog/why-migrate-to-valibot/

Animata - анимированные React компоненты для вставки в проектГотовая библиотека из 158+ анимированных React компонентов, которые можно просто скопировать в репозиторий без установки и обновлений, чтобы быстрее делать интерфейсы и сразу получать доступность и поддержку reduced motion.https://animata.design/

Twoslash как удобный формат разметки для TypeScriptTwoslash помогает собирать самодостаточные примеры кода, чтобы компилятор TypeScript делал всю рутинную проверку и подготовку. Отлично подходит для документации и туториалов, где важны воспроизводимость и точность синтаксиса.https://github.com/twoslashes/twoslash

Blue: компиляция JavaScript в нативные бинарникиBlue компилирует ваш JS в C++ и собирает самостоятельный нативный исполняемый файл: нативные окна, файловая система и HTTP-серверы без Electron и без Node.js во время выполнения.https://bluejs.dev/

Параллельное выполнение в Node.js без ошибокРазбираем как правильно организовать параллельную обработку задач в Node.js, чтобы не упереться в блокировки, перегрузку event loop и проблемы с управлением ресурсами. Плюс практические подходы и примеры для ускорения веб приложений.https://github.com/yankouskia/hurried

Примеры same page view transitionsРазбираем практические демо same page переходов через View Transitions API, чтобы анимации между состояниями интерфейса выглядели плавно и предсказуемо для пользователя.https://frontendmasters.com/blog/same-page-view-transition-examples/

Привет!В общем, у меня сосед по этажу работает в Авито. Вчера вернулся с работы поздно, на веселе. Особо ниче не рассказал, говорил че-то про июль, ДК «Кристалл». Поспрашивал знакомых из IT, говорят ходит слух, что онлайн-тусовка для айтишников АвитоТехно выходит в офлайн. Что ж, остаётся только ждать старт регистрации...

CSS, который реально можно брать в работу уже сейчасПоявились якорное позиционирование без лишней возни с DOM, @scope для аккуратного скопирования селекторов, контейнерные запросы только по имени, а также shape() и shape-outside для нативной геометрии и типографики. Плюс новые view-transition-class и типы для SPA анимаций и более точные единицы rcap rch rex ric для контроля текста.https://nerdy.dev/CSS-recently-in-all-browsers

Забытые HTML и CSS фичи, которые до сих пор полезныContenteditable для редактирования текста прямо в браузере, а также элемент time с datetime для корректной разметки дат и времени. Эти возможности упрощают UX и делают интерфейсы более семантичными и удобными для браузеров.https://habr.com/ru/companies/ruvds/articles/1029698/

PM2 7.0В PM2 7.0 уменьшили зависимости, расширили cluster mode и обновили monitoring agent для приложений на Bun, чтобы проще и стабильнее держать продакшен. Отличный апгрейд для тех, кто управляет Node процессами и следит за метриками в реальном времени.https://github.com/Unitech/pm2/releases/tag/v7.0.0