WebDev+ | Веб-разработка
8.06K subscribers
589 photos
276 videos
10 files
774 links
Присоединяйтесь к нашему каналу и погрузитесь в мир веб-разработки

Связь: @devmangx
Download Telegram
Новая статья про flex-wrap: balance.

Автор разобрал flex-wrap: balance и flex-line-count и показал, как с их помощью лучше распределять элементы по строкам во Flexbox.

Самое интересное — он даже собрал masonry-разметку, объединив flex-line-count, round, clamp и единицы контейнерных запросов.

https://ishadeed.com/article/flex-wrap-balance/
This media is not supported in your browser
VIEW IN TELEGRAM
Это вообще не должно быть бесплатным.

Можно собрать собственного аватара прямо в браузере, а потом экспортировать его в SVG, PNG или даже анимированный GIF.

Сохраняйте.

https://oneworks.cloud/avatar
Совет по Laravel.

Знали, что в Laravel есть класс Benchmark, который позволяет измерить время выполнения практически любой задачи?
Событие unload умирает 😵

Chrome отключает его по умолчанию. Edge идёт по тому же пути.

Начиная с Chrome 154, который выйдет в конце сентября 2026 года, обработчики unload перестанут срабатывать, если сайт явно не включит их обратно.

Причина простая. unload ненадёжен, особенно на мобильных устройствах, а даже сама регистрация обработчика может мешать работе кэша переходов назад и вперёд.
HTML только что отобрал у JavaScript ещё одну работу.

command и commandfor входят в Baseline с декабря 2025 года.

Раньше, чтобы открыть диалоговое окно, нужно было писать addEventListener и вызывать showModal().

Теперь это можно сделать прямо в HTML.
This media is not supported in your browser
VIEW IN TELEGRAM
Проект с открытым исходным кодом превращает любую LLM в 3D-персонажа, который разговаривает, двигается и реагирует прямо в браузере. Без игрового движка и без локальной настройки рендеринга.

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

Всё можно настраивать под себя: менять 3D-модель, промпт личности, LLM или провайдера синтеза речи.

Попробовать можно бесплатно и без настройки. В размещённой версии для старта дают бесплатный доступ к API. Для самостоятельного развёртывания понадобятся собственные API-ключи, зато вы получаете полный контроль и можете изменять проект как угодно.

Проект создан командой Digital Life Project, представленного на CVPR 2024 и SIGGRAPH Asia 2025.

Полностью бесплатно. Открытый исходный код.
CEO увольняет разработчиков, чтобы заменить их ИИ.

Разработчики уходят… и выкладывают в открытый доступ CEO.

Проект называется OpenExecutive и состоит из 8 агентов Claude.

✓ Стратегия, финансы, юристы, HR, операционная работа, маркетинг и другие направления
✓ Использует FastAPI + Next.js

https://github.com/SenteLabsAI/OpenExecutive
Совет по Laravel — фильтрация по связи без whereHas().

Нужно получить только те посты, у которых автор активен?

Для этого можно использовать whereRelation() и отфильтровать родительские модели одной понятной строкой.

Такой код обычно получается короче и читается проще, чем вариант через whereHas().

Можно пойти ещё глубже.

Для вложенных связей Laravel поддерживает точечную запись в запросах на проверку существования связанных моделей.

Например , как на 2 скрине.
Жёсткое заявление:

«ИИ не смог бы написать компилятор TypeScript. Он не может. Мы пробовали».

— Андерс Хейлсберг
Библиотеки JS, без которых я уже не могу жить:

🛡 zod → валидация
📅 Temporal → даты
📊 tanstack-table → таблицы
🔐 better-auth → авторизация
🎞 motion → анимации
🔤 fontsource → шрифты
📈 chart.js → графики
🐻 zustand → глобальное состояние
🖱 pragmatic-drag-and-drop → перетаскивание
🧭 nuqs → состояние в URL
Этот скилл превращает ваш проект в архитектурную диаграмму, которую не стыдно показать другим.

Интерактивный HTML с тёмной и светлой темами, анимациями и чётким экспортом в PNG/SVG.

Он также умеет визуализировать рабочие процессы, состояния и последовательности действий:

https://github.com/tt-a1i/archify