wanderer
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
I think I'll just leave the paragraphs at 1rem kindaa basically, but just size all decorative text (including fancy headers) in pixels. I just worry that my approach is odd cause I never saw it before but does exactly what I want.
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
Issue right now is, I want to keep the design looking as it is, but also make things accessible
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
yeah didn't cross my mind
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
Problem is, the header won't look the same with rems
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
I'm planning to also make the minimum and maximum clamp values based on
rem in some cases while the middle point takes on pixel values in between, that should work right?56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
I'm doing this with text that looks decorative, otherwise, user settings can just ruin the design
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
I don't intend to make this a forever thread, this should be the last thing.
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
I use this for other elements too if I just want something to keep looking the same as the screen stretches.
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
@ἔρως so I've written something like this to make a "decorative" header look more responsive. I like how it looks, but are there issues with this approach?
I'm basically just sizing things proportionate to how they look on the design as the width of the screen changes.
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
Yeah I've done so, thanks again for answering my questions
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
This is the first time I'm using this part of Discord to ask questions
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
I can "close the post" if my question is answered right?
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
Yeah that makes sense
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
I see
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
I get that, but when we do rem + vw, how much vw is being added? I understand that vw basically should be a factor here
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
I don't get the idea behind it yet
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
I don't fully get that, but I'm seeing that approach on MDN now
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
Are they just added with calc?
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
when you say html elements, I should avoid using pixels for even basic divs?
56 replies
KPCKevin Powell - Community
•Created by wanderer on 12/5/2024 in #ui-ux
How to make a page both scale with viewport size and also be accessible for people zooming in.
Alright, I'll keep this approach in mind, thanks a lot.
56 replies