I would like to endorse other minor web apps in the #Fediverse, but most of them are full of UI glitches, are incomplete and downright buggy looking odd things.
From my designer point of view #Mastodon and #Pixelfed are the only effective ones, because they speak to people who are used to proper visual design language (read: Non-nerds, non-engineers, the regular people and design oriented people).
Things like #BookWyrm, #Lemmy, #Friendica and newer niche apps cause reactions like: "What is this?", they look like back end is fine but nobody is in charge of the design and the UI has no direction whatsoever. It's the general culprit in the programming world: A back end developer thinks everything is fine when we add a CSS framework and that's that.
If we just get the UI right everywhere, we get more people to the #Fediverse. I just wish there was more #CSS/design people willing to contribute. #UI#UIDesign
God bless #stablediffusion. Look at this potential rework of the X-Box interface. It's beautiful. Someone get this to Microsoft. @shanselman put this in front of your work friends. Someone get Steve Balmer on the line. This is important. Some art designer please fine tune this with some real icons and fonts and stuff. This could be your magnum opus.
Friends. I’m looking for work. I’m a UX designer/researcher, information architect, and UI designer/developer. I bring over two decades of experience to the table. I’m also an accessibility/usability expert.
If you have a need I’d love to talk with you. If you know folks, I’d love a boost. Thank you! 🙌🏻
If we have subtitles, can we talk about “suptitles” in English?
I want to use it for a CSS class name for you know, a typical uppercase title with some letter-spacing, often positioned above a headline. What’s the right term for this? 🤔
Today I began building a native icon manager app for Linux.
On MacOS, I relied on IconJar to select icon sets that fitted different visual styles. It also gave me lightning-fast access to glyphs I would use over and over again, like arrows and chevrons.
While we have Norde Source for Linux, sadly:
The thing that's been bothering me in the default Mastodon UI is that I see too much information that is not needed. It's noisy.
For example, favorites and boosts don't need to have my own avatar or the action bar (why would I boost or fav my own post based on someone else's fav action, it makes no sense) and so on. Too much clutter.
The point there is to see who has favorited your post NOW and that's it.
I'm experimenting on displaying media on Mastodon posts. Very long mobile posts or images with aspect-ratio of 2:3 that have more height than width are usually difficult to perceive on a busy feed. This change would make those long posts smaller while retaining the 1:1 or 16:9 posts as they are.
The first approach to "warehouses", channels, rooms. Personally, I don't like the solutions seen on #reddit, but people seem to like them. And yet, the user interface is for people, not for themselves. At least to a large extent.
While reddit's layout isn't fully polished (many subreddit-related modules and pages still use the old layout), I decided to use a drop-down menu that I don't like and redesign it a bit.
Latest Mastodon Bird UI 2.0.0rc adds proportions for the new copy icon in profiles. Often times the icons seem too big in relation to each other in the default UI.
Please note v2.0.0rc is only supported by the bleeding edge (main/v4.3.0-alpha.0), it's a pre-release for the upcoming major Mastodon version.
The iMac launched in August 1998 (25 years ago).. I decided to create some new icons inspired by the iconic computer that changed the history of Apple, Inc and computing forever. #icons#icondesign#uiDesign
The very talented Wayne Roger recreated a Dieter Rams clock, but can you guess which is the real deal, and which was made with Sketch? Let us know your guesses 👀
CozyFish UI - Gitlab → voici la page Gitlab de mes fichiers custom CSS et thèmes pour Firefish :chick_aww:
Les 2 ont été créés pour aller ensemble mais le custom CSS fonctionne normalement très bien avec les autres thèmes par défaut de Firefish (j'utilise les variables de couleurs dans le css)
Vous pouvez me conseiller, me réprimander parceque j'ai mal fait la page gitlab, contribuer (en rendant le code plus propre ou en ajoutant des fonctionnalités), ou partager si le projet vous plaiiit :boost_requested:
I keep getting quite a lot of positive feedback about my #MastodonBirdUI. Even @Gargron liked my post where I explained the design choices made. Thank you everyone so much about the input. I'm kinda surprised so many prefer mine over the default. I lost count in how many instances enabled it for all their users.
I've been thinking about rewriting the Mastodon base SCSS. I'm a CSS/SCSS guy after all. The new base framework would have
CSS variables instead of SCSS variables with SCSS function modifications: Easier to manage
Simpler style base: Less nesting, less hacks, less everything: Cleaner code
Better and more efficient modularization
Accessible and flexible SVG graphics instead of icon fonts like Font Awesome
However, it would be a lot of work. I created my version of the UI in a couple of weeks, then been improving it daily.
Worth noting is that not everyone prefers this choice of design as it's way too close to a site we all hate. That's why I'm afraid if I do all the work and send a PR, it would go in vain. It could still be a good start though.
I have high hopes for #Mastodon to improve the UI themselves and look forward to it to get better over time. I just have ideas. Will keep the choices open here.