Some people say they don't want to join the Fediverse or Mastodon, because they think the UI sucks. As a front end developer, a designer-kind of a person who creates user interfaces, I agree. Most of the web clients on the Fedi are horrendous, even Mastodon by default. There's lots of room for improvement.
We should really focus on how to make it more pleasing to the eye, more modern and more pleasant. This should not be a nerd network, just for geeks to geek out. This is not IRC or BBS.
As long as Mastodon for instance looks like it's designed by a back end engineer, contains font-awesome icons, looks like 2010, and stuff like that, being open and free is not good reason enough for many. I'm not bashing it, Mastodon is not the worst out there, in fact in my honest opinion Mastodon user experience is far better than Akkoma or Calckey for example. It's also more accessible than many modern UIs, for example my visual impaired wife prefers the Vanilla Mastodon UI over my #BirdUI modifications, she has some small tiny improvements of her own like distinguishing the colors in the action buttons as they have no proper contrast in any of the default themes. But that's it. She likes it as it is. So it cannot be that bad. However, it could be better overall.
#OpenSource doesn't mean the product should look like it's created in a basement by a math teacher. For some people Mastodon UX is sufficient (it even is for me, I like it enough and it doesn't prevent me from using it), but it should be WORLD CLASS. I don't say the answer is #MastodonBirdUI but it should be something much more modern and minimal than the current default UI. Pixelfed's developer is a designer oriented, Pixelfed is indeed an example of an awesome Fediverse app experience throughout the web and apps. That is how it should be.
If there was an #HTML element that changes it's content when users interact with other elements on the page, what name would it have?
PLEASE NOTE: I am not suggesting that this element needs to exist; I am only asking what it would be called. I'm building a CustomElement, I just want it to have a name that makes sense.
Vote and suggest others in replies. Please boost for reach!
What are your top #CSS features you played with, got excited over as they were supported in one browser... then years passed & support hasn't improved?
Mine:
✨@property Chrome-only for half a decade
✨filter() Safari-only since 2015
✨element() Firefox-only since forever
#Frontend developers around? We'd appreciate a helping hand with improving the Codeberg dark theme (also w.r.t. colour contrast), or even more contributors to Forgejo.
Which JavaScript framework for the web frontend is the smallest, fastest, and best overall? If it's not listed, please mention it as a comment and why 🧑💻 → pls boost this toot :BoostOK:
Der nachfolgende Artikel führt weitere Alternativen auf und ich habe gerade auch weitere interessante posts zum Thema #YT-Alternativen geboostet, vllt. auch für dich von Interesse.
How do you feel about duplicate links in articles, blogs, whatever? Meaning: A certain word is a link (let's say "HEALTH") leading to an external website.
Would it annoy you if this word was always a link and it's mentioned for example 20 times in an article? Or would you rather have it only once to make it easier to scan for links?
Challenging #css question for folks. I have a grid with a header and content, the content is scrollable. I need to add padding that's equal to the height of the header to the content. I need it on the first render as well. I feel like I saw some #CSSGrid hackery that allowed something like this, but curious if #frontend folks might have any ideas.
Does anyone know any great self-pace #courses on #accessibily for #frontend and #web development? I'd like to get better at it, especially in light of upcoming regulations in the #EU.
Based on my experiences in various frontend codebases that were written without a frontend expert on the team (including my own old projects 💩), I compiled a list of 9 most common signs of frontend code quality issues that affect users https://angelika.me/2024/04/13/9-signs-your-frontend-code-has-quality-issues/