Happy Monday.
The weekend was hot in Europe, but I still delivered new features.
Main one: grouping channels. You can now create a group and select all at once instead of clicking one by one.
Small change, but it saves time every single use.
#buildinpublic #saas #development #software #developer #marketing #ui
At Vivaldi, we have this saying: "when in doubt, make it a setting". We believe in user choice and we think nobody but you knows what's best for you.
But choice paralysis is a real thing too, which is why we've introduced layout presets that will make your life easier. With just a few clicks, you can compare different combinations of how your browser could look and feel, try them out, and choose the one that feels right for you.
And if none of the available presets is perfect for you...you're always welcome to create your own. 🤗
🎨 Check this out #CodeTrendy → Needoh Fun | Ultimate NeeDoh®
Find your perfect squish! Expert reviews, buying guides, and latest drops for Needoh and other premi
here's the same data as blend modes
as can be seen, the groups are eliminated by reordering the elements in this case (different ordering could require 1 group for the shapes meant to be intersecting)
first the intersecting shapes are evaluated, then the result is added to more shapes and the last shapes are the subtracted ones
this massively reduces the complexity of the tree and removes the 3 groups entirely, leaving only shapes in the now-flat "tree"
tried doing boolean operations as UI
turns out it puts a lot of pressure on the tree editor being all kinds of perfect, which nobody seems to have succeeded at so far
one needs to be able to:
- select multiple elements
- create a wrapping element or dissolve it
and after all that there's still a lot of "group"-style elements in the list taking up space
which I guess is why the prevailing approach instead seems to be the "blend mode" approach all image editors use - mode per layer/group
Show your hands honor for the strange power they bring you
On designing finger-friendly interactions
Два способа создания доступного DataPicker'а с помощью AI: 80/20 в пользу AI или системное проектирование с агентом
DatePicker казался нам небольшой задачей в разработке UI, пока мы не попробовали создать компонент, который будет корректно работать с keyboard navigation, screen reader’ом, управляемым состоянием и реальными проверками доступности. Нам потребовался DatePicker производственного уровня на React и TypeScript, и сначала очевидный путь казался очень заманчивым: дать AI четкий запрос, получить 80% готового кода, а остальное доработать руками. Подробный разбор этого кейса есть в моей предыдущей статье « Попросили Claude создать WCAG-доступный DataPicker на React и потратили 3 дня на доработки ». Так вот. Модель может сгенерировать структуру календаря, атрибуты ARIA, базовую keyboard navigation и логику работы с датами. Затем начинается интеграция: поведение фокуса становится нестабильным; возникают конфликты между обработчиками событий; озвучивание screen reader’ами требует тщательного тестирования; небольшое изменение в логике работы с датами может неожиданно нарушить работу календаря; код выглядит нормально, но компонент пока не является надежным. В этой статье я сравниваю два способа создания доступного DatePicker'а с помощью AI: Первый — 80% кода с помощью AI, остальные 20% руками. Второй — системное проектирование с AI-агентом: PRD, декомпозиция задач, правила агента, внешняя верификация, Vitest, Playwright, сборка Vite, проверки типов и строгий цикл, в котором агент не может двигаться дальше, пока не будет пройден текущий шаг. Дальше все по делу: в чем AI действительно нам помог; где он начал сбиваться с курса; почему одного большого promt'а оказалось недостаточно; как The Verifier изменил процесс и почему основная задача инженера в разработке с использованием AI больше не сводится только к написанию кода, а заключается в контроле над замыслом, архитектурой, контрактами и стоимостью изменений.
https://habr.com/ru/articles/1052932/
#datapicker #frontend #claude #ии #typescript #javascript #web #ux #ui #ai
Введение Я открыл демо-версию DatePicker'а, и она выглядела вполне обычно. Поле ввода, кнопка, всплывающий календарь, keyboard navigation, метки для screen reader'ов, макеты для настольных компьютеров...
I'm only writing this code because in order to fix a few annoyances with the existing text-editor, I have to rebuild what already exists before I can make even minor improvements.
Doing this has taught me a valuable lesson about what matters in app design:
> If the dog food doesn't taste off, don't change the recipe.
It's really easy to think about what an app _should_ do; what features are _expected_, but this can quickly spiral out of control creating a workload from nothing to fulfil an expectation coming from nowhere.
If you don't feel the pain using the app, then don't add the feature. Don't accept feature requests unless they're from someone actually using the app to do something and they've hit a snagging point -- Ideas are free, but your time isn't.
Do not give into the cargo cult; the only features that matter are those for users with a use-case.
Instantiating UI Components with Distinguishing Variations [pdf]
https://static.barik.net/barik/publications/chi2026/vaithilingam_celestial_chi26.pdf
Benoit
Oleh Husiev
Vivaldi Browser
CodeTrendy
Arvīds Kokins
bouncepaw's links
Habr
Kroc Camen
Hacker News