mathstodon.xyz is one of the many independent Mastodon servers you can use to participate in the fediverse.
A Mastodon instance for maths people. We have LaTeX rendering in the web interface!

Server stats:

2.8K
active users

#DesignPattern

0 posts0 participants0 posts today
Dev Leader<p>Have you heard of the observer pattern?</p><p>The observer design pattern is one of the patterns we're often exposed to early on in programming.</p><p>This pattern allows observers to observe observables.<br>(Clear as mud, right?)</p><p>Said another way, the different components of your system can listen for notifications, changes, and events by following this pattern!</p><p>Check out the article:<br><a href="https://www.devleader.ca/2023/11/17/examples-of-the-observer-pattern-in-c-how-to-simplify-event-management/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">devleader.ca/2023/11/17/exampl</span><span class="invisible">es-of-the-observer-pattern-in-c-how-to-simplify-event-management/</span></a></p><p><a href="https://hachyderm.io/tags/csharp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>csharp</span></a> <a href="https://hachyderm.io/tags/dotnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dotnet</span></a> <a href="https://hachyderm.io/tags/dotnetcore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dotnetcore</span></a> <a href="https://hachyderm.io/tags/designpattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designpattern</span></a> <a href="https://hachyderm.io/tags/designpatterns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designpatterns</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Guidelines</span></a><br>‘Your’ vs. ‘My’ · What works best to address your users? <a href="https://ilo.im/1637h0" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/1637h0</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Pronouns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Pronouns</span></a> <a href="https://mastodon.social/tags/User" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>User</span></a> <a href="https://mastodon.social/tags/Account" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Account</span></a> <a href="https://mastodon.social/tags/Profile" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Profile</span></a> <a href="https://mastodon.social/tags/Personality" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Personality</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
zeyus :gopnik_implant_b:‎<p>But, I have done something that is super cool and I have nobody to share it with, and nothing to show for it besides some passing tests.</p><p><a href="https://github.com/zeyus/liblsl.dart/blob/main/packages/liblsl/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/zeyus/liblsl.dart/b</span><span class="invisible">lob/main/packages/liblsl/</span></a> (readme is outdated, see tests)</p><p>HMU if you're a <a href="https://corteximplant.com/tags/softwareengineering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>softwareengineering</span></a> , <a href="https://corteximplant.com/tags/networkengineering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>networkengineering</span></a> , <a href="https://corteximplant.com/tags/systemsarchitecture" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>systemsarchitecture</span></a> or <a href="https://corteximplant.com/tags/designpattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designpattern</span></a> nerd, I'd love feedback and suggestions for improvement (or just question my sanity)</p><p><a href="https://corteximplant.com/tags/dart" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dart</span></a> <a href="https://corteximplant.com/tags/flutter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>flutter</span></a> <a href="https://corteximplant.com/tags/crossplatform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>crossplatform</span></a> <a href="https://corteximplant.com/tags/development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>development</span></a> <a href="https://corteximplant.com/tags/softwaredevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>softwaredevelopment</span></a> <a href="https://corteximplant.com/tags/c" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>c</span></a> <a href="https://corteximplant.com/tags/ffi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ffi</span></a> <a href="https://corteximplant.com/tags/dartnative" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dartnative</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Examples" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Examples</span></a><br>The 14 types of onboarding UX/UI · Powerful onboarding patterns to engage users <a href="https://ilo.im/162uwq" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162uwq</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Business</span></a> <a href="https://mastodon.social/tags/Service" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Service</span></a> <a href="https://mastodon.social/tags/Product" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Product</span></a> <a href="https://mastodon.social/tags/Onboarding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Onboarding</span></a> <a href="https://mastodon.social/tags/Engagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Engagement</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Analyses" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Analyses</span></a><br>Breadcrumbs are dead in web design · “It’s time to embrace adaptive, user-centric navigations.” <a href="https://ilo.im/162uot" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162uot</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/User" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>User</span></a> <a href="https://mastodon.social/tags/Mobile" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mobile</span></a> <a href="https://mastodon.social/tags/Navigation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Navigation</span></a> <a href="https://mastodon.social/tags/Breadcrumbs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Breadcrumbs</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/IA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IA</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
Nicolas Fränkel 🇺🇦🇬🇪<p>What is the Claim-Check <a href="https://mastodon.top/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> in <a href="https://mastodon.top/tags/EventDriven" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>EventDriven</span></a> Systems?</p><p><a href="https://newsletter.scalablethread.com/p/what-is-the-claim-check-pattern-in" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">newsletter.scalablethread.com/</span><span class="invisible">p/what-is-the-claim-check-pattern-in</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Challenges" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Challenges</span></a><br>Sustainable UX · Can we balance engagement and sustainability? <a href="https://ilo.im/162qgj" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162qgj</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/UX" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UX</span></a> <a href="https://mastodon.social/tags/Engagement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Engagement</span></a> <a href="https://mastodon.social/tags/Sustainability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Sustainability</span></a> <a href="https://mastodon.social/tags/Responsibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Responsibility</span></a> <a href="https://mastodon.social/tags/Metrics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Metrics</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Approaches</span></a><br>Truth, lies, and progress bars · Alternatives to deceptive progress indicators <a href="https://ilo.im/162n20" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162n20</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Indicators" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Indicators</span></a> <a href="https://mastodon.social/tags/ProgressBar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProgressBar</span></a> <a href="https://mastodon.social/tags/Perception" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Perception</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/DeceptiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DeceptiveDesign</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Approaches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Approaches</span></a><br>Truth, lies, and progress bars · Alternatives to deceptive progress indicators <a href="https://ilo.im/162n20" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162n20</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Indicators" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Indicators</span></a> <a href="https://mastodon.social/tags/ProgressBar" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProgressBar</span></a> <a href="https://mastodon.social/tags/Perception" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Perception</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/DeceptiveDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DeceptiveDesign</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
Mary Grygleski<p>So glad to be having <span class="h-card" translate="no"><a href="https://mastodon.social/@dhinojosa" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>dhinojosa</span></a></span> with us <span class="h-card" translate="no"><a href="https://foojay.social/@ChicagoJUG" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>ChicagoJUG</span></a></span> <span class="h-card" translate="no"><a href="https://foojay.social/@ChicagoKUG" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>ChicagoKUG</span></a></span> tonight. He's giving us a very nice revisit of <a href="https://foojay.social/tags/java" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>java</span></a> <a href="https://foojay.social/tags/functionalprogramming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>functionalprogramming</span></a> <a href="https://foojay.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> :java: We welcome our friends from around the world for the first time <a href="https://foojay.social/tags/virtualJUG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>virtualJUG</span></a> :duke:</p>
linkdrop<p>GitHub - kamranahmedse/design-patterns-for-humans: An ultra-simplified explanation to design patterns <a href="https://github.com/kamranahmedse/design-patterns-for-humans" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/kamranahmedse/desig</span><span class="invisible">n-patterns-for-humans</span></a> <a href="https://troet.cafe/tags/designpattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designpattern</span></a> <a href="https://troet.cafe/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://troet.cafe/tags/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://troet.cafe/tags/patterns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>patterns</span></a> <a href="https://troet.cafe/tags/explain" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>explain</span></a> <a href="https://troet.cafe/tags/pattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pattern</span></a> <a href="https://troet.cafe/tags/GitHub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GitHub</span></a> <a href="https://troet.cafe/tags/design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>design</span></a> <a href="https://troet.cafe/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Guidelines" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Guidelines</span></a><br>Should accordions auto-close sections? · Short answer: no, but the real question is another <a href="https://ilo.im/161s2q" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/161s2q</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Accordions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accordions</span></a> <a href="https://mastodon.social/tags/Content" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Content</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/Usability" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Usability</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p>“Maybe we should stop calling them ‘notifications’ and instead refer to ‘interruptions.’” — Brendan Howell</p><p>_____<br><a href="https://mastodon.social/tags/Business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Business</span></a> <a href="https://mastodon.social/tags/Notifications" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Notifications</span></a> <a href="https://mastodon.social/tags/Interruptions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Interruptions</span></a> <a href="https://mastodon.social/tags/Device" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Device</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Quotes" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Quotes</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Opportunities" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Opportunities</span></a><br>The underrated HTML ‘dl’ element · A natural fit for common visual design patterns <a href="https://ilo.im/161khj" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/161khj</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/DescriptionList" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DescriptionList</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/SemanticHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SemanticHTML</span></a> <a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/ScreenReader" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ScreenReader</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Tutorials" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tutorials</span></a><br>Creating a scroll grid · A multi-directional layout with a navigation aid <a href="https://ilo.im/16172f" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/16172f</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Navigation" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Navigation</span></a> <a href="https://mastodon.social/tags/ScrollGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ScrollGrid</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a></p>
Kerrick Long (code)<p>TIL that the name “Component,” of web platform &amp; front-end framework fame, comes from the Gang of Four’s Composite Design Pattern, in which objects made of other objects can be interacted with as though they were a singular object of that type. That shared interface is called a Component, and is implemented by both the Composites and the Leaf nodes.</p><p><a href="https://ruby.social/tags/SoftwareEngineering" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SoftwareEngineering</span></a> <a href="https://ruby.social/tags/TodayILearned" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TodayILearned</span></a> <a href="https://ruby.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://ruby.social/tags/Component" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Component</span></a> <a href="https://ruby.social/tags/Composite" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Composite</span></a> <a href="https://ruby.social/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Web</span></a> <a href="https://ruby.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://ruby.social/tags/React" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>React</span></a> <a href="https://ruby.social/tags/Vue" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Vue</span></a> <a href="https://ruby.social/tags/Angular" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Angular</span></a> <a href="https://ruby.social/tags/Ember" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Ember</span></a> <a href="https://ruby.social/tags/Solid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Solid</span></a> <a href="https://ruby.social/tags/Svelte" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Svelte</span></a> <a href="https://ruby.social/tags/WebComponent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebComponent</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Guides</span></a><br>Click, type, find · Search bars are far more than icons and inputs <a href="https://ilo.im/160yrz" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/160yrz</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Search" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Search</span></a> <a href="https://mastodon.social/tags/Form" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Form</span></a> <a href="https://mastodon.social/tags/Autocomplete" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Autocomplete</span></a> <a href="https://mastodon.social/tags/InstantSearch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>InstantSearch</span></a> <a href="https://mastodon.social/tags/VoiceSearch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VoiceSearch</span></a> <a href="https://mastodon.social/tags/Website" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Website</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Launches" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Launches</span></a><br>UI Fonts · Test font pairings in real time for your design needs <a href="https://ilo.im/160m1a" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/160m1a</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Font" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Font</span></a> <a href="https://mastodon.social/tags/Typeface" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Typeface</span></a> <a href="https://mastodon.social/tags/Typography" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Typography</span></a> <a href="https://mastodon.social/tags/DesignPattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignPattern</span></a> <a href="https://mastodon.social/tags/DesignTool" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignTool</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/VisualDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VisualDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a></p>
Dev Leader<p>Want to know what my favorite design pattern is?</p><p>Read more in this post:<br><a href="https://www.devleader.ca/2023/10/19/how-to-implement-the-facade-pattern-in-c-for-simplified-code-and-increased-efficiency/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">devleader.ca/2023/10/19/how-to</span><span class="invisible">-implement-the-facade-pattern-in-c-for-simplified-code-and-increased-efficiency/</span></a></p><p><a href="https://hachyderm.io/tags/csharp" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>csharp</span></a> <a href="https://hachyderm.io/tags/dotnet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dotnet</span></a> <a href="https://hachyderm.io/tags/dotnetcore" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dotnetcore</span></a> <a href="https://hachyderm.io/tags/designpattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designpattern</span></a> <a href="https://hachyderm.io/tags/designpatterns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designpatterns</span></a></p>
Dev Leader<p>Are you familiar with the facade pattern?</p><p>Read more in this post:<br><a href="https://www.devleader.ca/2023/09/28/the-facade-pattern-a-simplified-beginner-guide/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">devleader.ca/2023/09/28/the-fa</span><span class="invisible">cade-pattern-a-simplified-beginner-guide/</span></a></p><p><a href="https://hachyderm.io/tags/programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>programming</span></a> <a href="https://hachyderm.io/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://hachyderm.io/tags/designpatterns" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designpatterns</span></a> <a href="https://hachyderm.io/tags/designpattern" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designpattern</span></a></p>