Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Collections" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Collections</span></a><br>SmoothUI · Customizable, smooth animated UI components <a href="https://ilo.im/164pvk" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/164pvk</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Components</span></a> <a href="https://mastodon.social/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>React</span></a> <a href="https://mastodon.social/tags/TailwindCSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>TailwindCSS</span></a> <a href="https://mastodon.social/tags/MotionDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MotionDev</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/DesignPatterns" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>DesignPatterns</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/Animations" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Animations</span></a></p>
#designpatterns
2 posts2 participants0 posts today
#Design #Approaches
Design patterns for AI interfaces · A simple approach to designing AI experiences https://ilo.im/165drm
_____
#AI #Chats #Usability #DesignPatterns #ConversationalDesign #ProductDesign #UxDesign #UiDesign #WebDesign
Smashing Magazine · Design Patterns For AI Interfaces — Smashing MagazineDesigning a new AI feature? Where do you even begin? From first steps to design flows and interactions, here’s a simple, systematic approach to building AI experiences that stick.
Design Patterns for AI Interfaces, by @vitalyf (@smashingmag):
https://www.smashingmagazine.com/2025/07/design-patterns-ai-interfaces/
Smashing Magazine · Design Patterns For AI Interfaces — Smashing MagazineDesigning a new AI feature? Where do you even begin? From first steps to design flows and interactions, here’s a simple, systematic approach to building AI experiences that stick.
Dependency injection isn't complex - it's just passing dependencies as parameters instead of creating them inside functions. Makes testing easier because you can pass mock objects. #DesignPatterns
#Design #Guidelines
Better notifications UX · Timing matters, and so do timely notifications https://ilo.im/1657ih
_____
#Communication #Notifications #Timing #Attention #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign
Smashing Magazine · Design Guidelines For Better Notifications UX — Smashing MagazineAs always in design, timing matters, and so do timely notifications. Let’s explore how we might improve the notifications UX. More design patterns in our Smart Interface Design Patterns, a friendly video course on UX and design patterns by Vitaly — from complex data tables and nested filters to FAQs and error messages.
Favour composition over inheritance. Instead of deep class hierarchies, build objects by combining smaller, focused components. Easier to test, modify, and reason about. #DesignPatterns #CleanCode
#Design #Approaches
Give footnotes the boot · Smarter alternatives to footnotes on the web https://ilo.im/1652si
_____
#Footnotes #Content #Accessibility #DesignPatterns #UxDesign #UiDesign #WebDesign #Development #WebDev #Frontend
ilo.imGive footnotes the bootI hate footnotes, and hopefully by the end of this, you will too.
#Design #Explorations
Where should AI sit in your UI? · Emerging design patterns for surfacing AI https://ilo.im/164jff
_____
#AI #AiAgents #Interactivity #DesignPatterns #ProductDesign #UxDesign #UiDesign #SpatialDesign #WebDesign
UX Collective · Where should AI sit in your UI? - UX Collective
Essential Design Patterns for Advanced Programmers https://chat-to.dev/post?id=QUkvU3FhZHk1UlNVUG92S1ZPVTVPZz09 #designpatterns #programming #code #coding #technology
This #InfoQ article by Rahul Suresh explores emerging AI patterns in Prompting, Responsible AI, UX, AI-Ops & optimization.
Get practical insights with code examples for each design pattern!
Read now for a deeper understanding: https://bit.ly/4dlddxC
#Design
Post-chat UI · How smart interfaces challenge traditional apps https://ilo.im/163m1j
_____
#Software #Apps #AI #DesignPatterns #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
Allen PikePost-Chat UIHow LLMs are making traditional apps feel broken.
#Design #Resources
SaaS UI · Illustrations for documentation and design systems https://ilo.im/1637r0
_____
#Illustrations #Documentation #DesignSystem #DesignPatterns #Figma #UiDesign #WebDesign #Development #WebDev #Frontend
ilo.imSaaS UI – Free Illustrations for your Documentation or Design SystemFree illustrations for your documentation or design system. Enhance your UI with high-quality, customizable illustrations.
#Design #Guidelines
Button states · Effective indication of 5 button conditions https://ilo.im/163ioo
_____
#Buttons #Usability #DesignPatterns #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
#Design #Inspirations
Users hate waiting · How to make loading screens a bit enjoyable https://ilo.im/163dwy
_____
#Perception #Impatience #Accessibility #Usability #DesignPatterns #ProductDesign #UxDesign #UiDesign #WebDesign #WebPerf
Breadcrumbs Are Dead in Web Design, by @webdesignerdepot.bsky.social:
https://webdesignerdepot.com/breadcrumbs-are-dead-in-web-design/
Web Designer Depot · Breadcrumbs Are Dead in Web DesignBreadcrumbs, once a staple in web design, have become obsolete in today's non-linear, context-driven web, where dynamic and personalized navigation systems take precedence. Modern navigation focuses on intelligent, search-first, and adaptive solutions that better cater to user needs and expectations.
#Design #Lessons
Notification Psychology Lab · Learn what makes notifications hard to ignore https://ilo.im/162rnr
_____
#Course #Notifications #Psychology #DesignPatterns #DeceptiveDesign #ProductDesign #UxDesign #UiDesign #WebDesign
Product Artistry GamesProduct Artistry GamesExplore how digital products shape behavior with hands-on, interactive challenges.
See how to iterate a composite dataset without exposing its internal logic. Its a combination of the composite and Iterator design patterns while implementing an office furniture system. It uses workstation as a composition of office chair, desk and cabinet.
Read More...
https://muwangaxyz.medium.com/composite-and-iterator-design-pattern-combination-in-typescript-9840aab74dd5
Medium · Composite and Iterator Design Pattern Combination in TypeScript