Розробка третьої хвилі
Ir al canal en Telegram
Українською про веб-технології, і не тільки. Як кав'ярня, тільки про технології. https://www.bohdanptyts.com/
Mostrar más494
Suscriptores
+124 horas
+27 días
+3830 días
Archivo de publicaciones
Dithering стає все популярнішим в неочікуваних (для мене) формах. Ось приклад градієнтів з ним: https://dither-gradient.vercel.app/
Ну і автор тут: https://x.com/raul_dronca/status/1996891479101657116
Пачка цікавих функцій запакованих в shadcn registry
Мені найцікавіше було глянути на Redacted, бо три інші важче десь присунути...
https://registry.mulroy.dev/
Чули про Document Picture-in-Picture API?
Я от не чув, до сьогодні. Але який дев з Vercel накидав демо, виглядає цікаво.
Очевидний спосіб використання, напевне, більшість бачило в Google Meet, де воно згортається коли міняєш вкладку.
Ось лінк, але працює лиш в chromium браузерах
https://v0-pip-playground.vercel.app/
Невеличкий проект на Astro, сторінок 20 може (згенерованих), але білдиться швиденько
Лиш плагін для компресії все сповільнює, його включив тільки на
production білд для main гілкиУвага до деталей це особливий скіл. Будь хто може сказати що уважний, але чи вистачить часу та скілів щоб дійсно приділити достатньо уваги для них?
Ось тут Дмитро розповідає про десяток деталей, які він виправив в Mintlify і це дуже найс!
https://www.mintlify.com/blog/10-fixes-in-10-days
Деякі компанії пропонують винагороду за фікс багів, це прям 🟩 flag для мене
Ось Cal.com наприклад
Потрапив туди, бо читав про https://coss.com/ і https://coss.com/ui/docs
А там вже можна і подивись що в base-ui нового
Короче, трошки відволікся
І ось ще контент по дизайнах, теж класно зібрано, для натхнення.
Ресурс називається Dead Simple Sites, і мова не про трупів.
Дуже багато класних сторінок, деякі супер-креативні
Щось в мене останнім часом багато контенту про дизайни, але просто не можу цим не ділитись!
https://deadsimplesites.com/
Стаття про Sonner та деталі його імплементації
Не користувались ним? Ну тоді рекомендую!
В статті є інтерактивні приклади з кодом. Але найцікавіше це, звісно ж, увага до деталей.
Одна з таких, суто для мене, це swipe gesture, і те, що там врахована інерція. Emil описує як саме він це зробив, тому якщо задумувались але не знали - тут все пояснено!
https://emilkowal.ski/ui/building-a-toast-component
Непоганий ресурс, де хтось зібрав різні дизайн системи різних компаній. Суто агрегований контент, але огорнутий в красивий інтерфейс.
Я от поклацав дизайн систему Audi, цікаво. Це суто для їх веб сервісів, не для автомобілів.
https://designsystems.surf/
Sam Rose поділився пачкою інтерактивних міні-статей на різні теми.
Я от планую почитати про Bloom filters, багато чув але не розбирався поки.
Але, всі теми виглядають цікавими, тому мушу поділитись:
https://samwho.dev/
Веб стає все різноманітнішим, і це так красиво.
Навіть якщо таких інтерфейсів буде не більше 1%, це вже масивний зсув вперед.
https://x.com/enritarta/status/1994281644740767860
Якщо вам бракує дизайн-натхнення, то якийсь тіп зробив власний список посилань на цікавих людей (навіть трохи знаю декого)
В одного з позначених дизайн інженерів знайшов ось це демо що на відео, все таке симпатичне!
https://designengineers.net/
Цього брата-близнюка ніхто не привітав в LinkedIn, тому він вирішив підняти охоплення загадками....
Це Yann-Edern Gillet, дизайнер в Linear.
І в нього дуже приємний особистий сайт. Я там аж підзавис на якийсь час, поклацав на всякі easter eggs і тд, подобається
Він виклав першу частину відео, де розповідає про свій рух до нової версії сайту, складнощі і власний досвід: https://www.youtube.com/watch?v=demtQ0aZJYU
Якщо користуєтесь Linear, то точно маєте зацінити всі ці мікро-деталі на сайті. Можливо для більшості вони не мають значення, але для мене це показує високий рівень скілів (зрозуміло, що все інше вже має працювати добре, перед тим як полірувати деталі).
Тай такі сайти класні для натхення, тому не можу не поділитись!
https://yannglt.com/
