Repository navigation
Discussion/Improvement: How can we improve the library of resources? #246
Description
Right now the library of resources is a bit bland, but we also don't want it to be useless because we just throw everything in there.
{{ message }}
Activity
adiati98 commentedon Apr 18, 2025
I think when there is a description the post it doesn't look bland at all because it occupies the whole screen.
So, we might want to have a description for each post. We can add more width to the description to make it a bit occupied, just like the title (see screenshot below in the green box).
Another thing that I see and might be helping the UI and UX (probably can also make the page feel less blend) is to make the navbar non-transparent. Currently, it's kind of distracting when we scroll, then the navbar hits a post. The texts are overlapping as in the screenshot and screen recording below.
gh-maintainer-library.mp4
adiati98 commentedon Apr 18, 2025
Looking at the first paragraph, maybe we can make the font bigger for the desktop and make it two lines catch more attention and encouraging folks to add their post?
Maybe it's just me, but my eyes drown right away to the post as they have bigger fonts. 😅
For the two lines, I'm talking something like:
However, on mobile, the font size in all parts looks almost the same.
The-Best-Codes commentedon Apr 18, 2025
As far as general site improvements, what about accessibility? I haven't seen a lot of ARIA stuff in the code, it might be good to do.
adiati98 commentedon Apr 18, 2025
I think as long as semantic HTML can cover (for example,
<button>) the most part, we don't really need ARIA.But color contrast would be something that we want to look into.
Do you have something in mind where to implement ARIA, @The-Best-Codes ?
The-Best-Codes commentedon Apr 18, 2025
@adiati98 Somehow I must have missed this in the code! Looking at the site with developer tools, I see that about everything I was thinking should have an aria attribute has one, so I guess this is not a concern. Sorry 😅
adiati98 commentedon Apr 19, 2025
@The-Best-Codes, don't be sorry! I'm learning about accessibility and have an interest in it, so it's nice to have discussions about it and learn from each other. 😊
karasowles commentedon Apr 24, 2025
Thanks all, and thanks @LadyKerr for tackling this on-stream today for Rubber Duck Thursday! https://www.youtube.com/live/ugu4trHcn0M
ashleywolf commentedon Apr 25, 2026
Picking this back up for 2026 — wanted to share what's shipped since this thread and ask for fresh feedback.
What's updated:
Still open from this thread:
What we'd love feedback on:
Thanks @adiati98, @The-Best-Codes, and @karasowles for the original feedback, and @LadyKerr for the stream session.
jsoref commentedon May 6, 2026
Library and its items aren't sufficiently visually distinct on mobile:
Initially I thought that everything was transparent and that I'd see the curve at the top right as I scrolled down:
But once I scrolled far enough down, I discovered that entries are opaque:
Consider styling this
LibrarydifferentlyI'm not suggesting green, that's just Chrome for Android's selection background color.