Roni Laukkarinen<p><a href="https://mementomori.social/tags/Mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Mastodon</span></a> is far better than any microblogging service out there. It has all the features that many don't, for example content warnings, editing posts, high character count, post visibility settings per post etc... It's a dream as platform. However <a href="https://mementomori.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a>-wise I think it still has long way to go. The current default UI feels old-ish and a bit clunky. Thankfully it can be improved with apps and UIs.</p><p>Because Mastodon is <a href="https://mementomori.social/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a>, I've been able to make changes to my own instance. I've seen lots of different social media UI's since the times of Jaiku and there are good choices that have been forgotten. The hellsite got most of it right and it's been my inspiration in regards to user interface. As a designer and developer I create the UI improvements for myself that I think Mastodon is missing.</p><p>Hence, the <a href="https://mementomori.social/tags/MastodonBirdUI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastodonBirdUI</span></a> was born.</p><p>There have been lots of subtle changes over the weeks in my instance. Let me present some of these. I'm quite proud of what I have achieved as a designer and developer. My instance is now top notch for me. There is always room for improvement, but it's already like 99.9% there.</p><p>I just hope Mastodon itself will get even a pinch of these in the core, some day. Most notably the real numbers for OCD and neurodivergent people, free resizing of the compose box (<a href="https://mementomori.social/tags/a11y" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>a11y</span></a>), one level threads and if one can hope, a bit of white space and minimalism in the design.</p><p>Preview: <a href="https://mementomori.social" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="">mementomori.social</span><span class="invisible"></span></a></p><p>Get Mastodon Bird UI here: <a href="https://github.com/ronilaukkarinen/mastodon-bird-ui" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/ronilaukkarinen/mas</span><span class="invisible">todon-bird-ui</span></a></p><p>Edit: Fixed some typos</p><p><a href="https://mementomori.social/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UI</span></a> <a href="https://mementomori.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>CSS</span></a> <a href="https://mementomori.social/tags/MastoAdmin" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>MastoAdmin</span></a> <a href="https://mementomori.social/tags/Accesibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Accesibility</span></a> <a href="https://mementomori.social/tags/OCD" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OCD</span></a> <a href="https://mementomori.social/tags/Perfectionism" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Perfectionism</span></a> <a href="https://mementomori.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Design</span></a> <a href="https://mementomori.social/tags/UIDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIDesign</span></a></p>