Розробка третьої хвилі – Telegram
Розробка третьої хвилі
376 subscribers
423 photos
139 videos
426 links
Українською про веб-технології, і не тільки.

Як кав'ярня, тільки про технології.

https://www.bohdanptyts.com/
Download Telegram
Це Yann-Edern Gillet, дизайнер в Linear.
І в нього дуже приємний особистий сайт. Я там аж підзавис на якийсь час, поклацав на всякі easter eggs і тд, подобається

Він виклав першу частину відео, де розповідає про свій рух до нової версії сайту, складнощі і власний досвід: https://www.youtube.com/watch?v=demtQ0aZJYU

Якщо користуєтесь Linear, то точно маєте зацінити всі ці мікро-деталі на сайті. Можливо для більшості вони не мають значення, але для мене це показує високий рівень скілів (зрозуміло, що все інше вже має працювати добре, перед тим як полірувати деталі).

Тай такі сайти класні для натхення, тому не можу не поділитись!

https://yannglt.com/
🔥2
Цього брата-близнюка ніхто не привітав в LinkedIn, тому він вирішив підняти охоплення загадками....
😁4
This media is not supported in your browser
VIEW IN TELEGRAM
Якщо вам бракує дизайн-натхнення, то якийсь тіп зробив власний список посилань на цікавих людей (навіть трохи знаю декого)

В одного з позначених дизайн інженерів знайшов ось це демо що на відео, все таке симпатичне!

https://designengineers.net/
6
This media is not supported in your browser
VIEW IN TELEGRAM
Веб стає все різноманітнішим, і це так красиво.

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

https://x.com/enritarta/status/1994281644740767860
🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
Sam Rose поділився пачкою інтерактивних міні-статей на різні теми.

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

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

https://samwho.dev/
👍5🔥1
Непоганий ресурс, де хтось зібрав різні дизайн системи різних компаній. Суто агрегований контент, але огорнутий в красивий інтерфейс.

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

https://designsystems.surf/
👍8
This media is not supported in your browser
VIEW IN TELEGRAM
Стаття про Sonner та деталі його імплементації

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

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

https://emilkowal.ski/ui/building-a-toast-component
👍5
І ось ще контент по дизайнах, теж класно зібрано, для натхнення.

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

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

https://deadsimplesites.com/
👍4🔥2
Деякі компанії пропонують винагороду за фікс багів, це прям 🟩 flag для мене

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

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

А там вже можна і подивись що в base-ui нового
Короче, трошки відволікся
👍41🔥1😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Увага до деталей це особливий скіл. Будь хто може сказати що уважний, але чи вистачить часу та скілів щоб дійсно приділити достатньо уваги для них?

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

https://www.mintlify.com/blog/10-fixes-in-10-days
🔥121
Невеличкий проект на Astro, сторінок 20 може (згенерованих), але білдиться швиденько

Лиш плагін для компресії все сповільнює, його включив тільки на production білд для main гілки
🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
Чули про Document Picture-in-Picture API?

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

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

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

https://v0-pip-playground.vercel.app/
👍6
Пачка цікавих функцій запакованих в shadcn registry

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

https://registry.mulroy.dev/
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Dithering стає все популярнішим в неочікуваних (для мене) формах. Ось приклад градієнтів з ним: https://dither-gradient.vercel.app/

Ну і автор тут: https://x.com/raul_dronca/status/1996891479101657116
🔥1
1. Сума вражає
2. Жарт теж порядного рівня
👍4
Друг робить embedded проект для інтеграції Homelink у VAG під пульти для гаражів, які в Україні водяться

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

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