Makistos
Explore posts from serversKPCKevin Powell - Community
•Created by Makistos on 7/26/2024 in #ui-ux
Buttons for browsing images, how to do in mobile?
So I need to change an image so that it can hold multiple images and some way for users to browse through those images. I was thinking of just having two buttons that show up when user places the mouse cursor over the image but I suspect this wouldn't work well on mobile.
So anyone have any other ideas how to do this sort of UI?
This is an example page: https://www.sf-bibliografia.fi/works/2067
Imagine that those different versions at the bottom are combined (there will be buttons to combine/un-combine them) but I want to user to be able to browse the covers. I can't figure out a good place outside the image for the buttons that wouldn't look stupid. So that's how I came up with the idea above.
6 replies
KPCKevin Powell - Community
•Created by Makistos on 6/8/2024 in #ui-ux
How do I fix my front page to work on mobile?
https://www.sf-bibliografia.fi:3000/
I have tried to fix the layout several times but can't figure out why it doesn't work when I try it on mobile (or just make it narrow enough). Should I just ditch the iamge completely when width becomes smaller than the width of the image? Is that the issue?
26 replies
KPCKevin Powell - Community
•Created by Makistos on 5/31/2024 in #ui-ux
Anyone have any sites I could loan ideas from?
I have a rather simple looking site and I'm specifically looking for ideas for improving the most important page template (example: https://www.sf-bibliografia.fi:3000/works/4670). I'm not much of an UI designer so would like some inspiration but I can't think of other than rateyourmusic.com that is even remotely this style.
Specifically I think I would like to do something with the tags (the colored boxes) as well as the two buttons ("Palkinnot" means awards and "Linkit" I think you can figure out), having them behind a button doesn't make much sense plus I don't like what the short stories part ("Novellit") looks like.
But I don't really know what I would like so looking for some other sites I could use for inspiration.
4 replies
KPCKevin Powell - Community
•Created by Makistos on 10/7/2022 in #os-and-tools
Using DevTools grid inspector with React
I just watched Kevin's video about how to debug CSS with DevTools and saw the part about grid inspector. This is something I would like to use but even with the React DevTools installed I can't seem to figure out how I could see the grid with my app. Is this possible?
1 replies