Веб стає все різноманітнішим, і це так красиво.

Навіть якщо таких інтерфейсів буде не більше 1%, це вже масивний зсув вперед.

https://x.com/enritarta/status/1994281644740767860

Sam Rose поділився пачкою інтерактивних міні-статей на різні теми.

Я от планую почитати про Bloom filters, багато чув але не розбирався поки.

Але, всі теми виглядають цікавими, тому мушу поділитись:

https://samwho.dev/

Непоганий ресурс, де хтось зібрав різні дизайн системи різних компаній. Суто агрегований контент, але огорнутий в красивий інтерфейс.

Я от поклацав дизайн систему Audi, цікаво. Це суто для їх веб сервісів, не для автомобілів.

https://designsystems.surf/

Стаття про Sonner та деталі його імплементації

Не користувались ним? Ну тоді рекомендую!
В статті є інтерактивні приклади з кодом. Але найцікавіше це, звісно ж, увага до деталей.

Одна з таких, суто для мене, це swipe gesture, і те, що там врахована інерція. Emil описує як саме він це зробив, тому якщо задумувались але не знали - тут все пояснено!

https://emilkowal.ski/ui/building-a-toast-component

І ось ще контент по дизайнах, теж класно зібрано, для натхнення.

Ресурс називається Dead Simple Sites, і мова не про трупів.
Дуже багато класних сторінок, деякі супер-креативні

Щось в мене останнім часом багато контенту про дизайни, але просто не можу цим не ділитись!

https://deadsimplesites.com/

Ой не можу з тих АІ відосів

Деякі компанії пропонують винагороду за фікс багів, це прям 🟩 flag для мене

Ось Cal.com наприклад

Потрапив туди, бо читав про https://coss.com/ і https://coss.com/ui/docs

А там вже можна і подивись що в base-ui нового
Короче, трошки відволікся

Увага до деталей це особливий скіл. Будь хто може сказати що уважний, але чи вистачить часу та скілів щоб дійсно приділити достатньо уваги для них?

Ось тут Дмитро розповідає про десяток деталей, які він виправив в Mintlify і це дуже найс!

https://www.mintlify.com/blog/10-fixes-in-10-days

Невеличкий проект на Astro, сторінок 20 може (згенерованих), але білдиться швиденько

Лиш плагін для компресії все сповільнює, його включив тільки на production білд для main гілки

Чули про Document Picture-in-Picture API?

Я от не чув, до сьогодні. Але який дев з Vercel накидав демо, виглядає цікаво.

Очевидний спосіб використання, напевне, більшість бачило в Google Meet, де воно згортається коли міняєш вкладку.

Ось лінк, але працює лиш в chromium браузерах

https://v0-pip-playground.vercel.app/

Пачка цікавих функцій запакованих в shadcn registry

Мені найцікавіше було глянути на Redacted, бо три інші важче десь присунути...

https://registry.mulroy.dev/

а от і base-ui реліз на носі

Ну, може не такий аж маленький проект....

Dithering стає все популярнішим в неочікуваних (для мене) формах. Ось приклад градієнтів з ним: https://dither-gradient.vercel.app/

Ну і автор тут: https://x.com/raul_dronca/status/1996891479101657116

І більшість хвалить Paper за класні шейдери, зокрема для dithering

1. Сума вражає
2. Жарт теж порядного рівня

Друг робить embedded проект для інтеграції Homelink у VAG під пульти для гаражів, які в Україні водяться

Нетиповий але цікавий контент

https://hackaday.io/project/202595-opensource-homelink-ecu-for-vag

Ух, круто!

Які ж тільки цікаві хаки не придумують

https://www.youtube.com/watch?v=HHEQVXNCrW8

Я раніше теж мав таке ідеалістичне уявлення про продукти. Але досвід показав що першим має бути рух вперед, а якість потрібно розвивати по ходу роботу а не жертвувати іншим заради неї