Questions tagged [viewport]

The Visual viewport is the part of the page that’s currently shown on-screen. The layout viewport can be considerably wider than the visual viewport, and contains elements that appear and do not appear on the screen.

Filter by
Sorted by
Tagged with
1
vote
1answer
194 views

Menu sidebar height on small screen resolutions

I'm currently having a challenge on a SaaS I'm helping designing, regarding small screen sizes. That SaaS has a menu sidebar on the left as its main navigation, with 2 levels of navigation. The ...
0
votes
1answer
50 views

Whitespace viewport dependency (should CTAs be visible or not)

We've read few Q&A on this topic, also done the research but most of the articles says what whitespace is, not how to calculate it. When designing for smaller screens, should the whitespace ...
0
votes
1answer
400 views

Visual designs for multiple screen sizes [duplicate]

We are designing a website for desktop and tablets, which needs to work for 1366x768, 1024x768, 1920x1080, 600x1024, 1600x900 - the most common resolutions as per Stat Counter Global stats in India. I ...
0
votes
3answers
94 views

By how much should slow/fast forward/backward scroll?

I am developing an application for visualizing graphs that contain technical data. The user can move the graphs left or right with 4 buttons: fast step backward - symbol = "<<" slow step ...
3
votes
2answers
310 views

Responsive Web Design based on physical size?

The current practice of using media queries via pixel-thresholds is fine, but what if someone decided to use their 50-inch 4k tv as a vertical monitor and actually sit really close to it? I could see ...
0
votes
1answer
955 views

mobile and tablet responsivenes between landscape and portrait layouts

When designing Apps or websites for mobile or tablet we have to consider if the layout will change when the alignment of the device changes. I believe this is a kind of responsiveness. Noticed that ...
0
votes
2answers
681 views

What is the recommended default viewport for fixed-width websites?

Let's say I have a website (This is the actual one). It has a fixed width of 1024px and the content is centered. I use width=device-width, initial-scale=1 for setting up the website to be nicely ...
2
votes
1answer
202 views

Gracefully Constrain Window Size

I am working on a program that does not have many visual elements on the GUI, also, unlike what has been suggested previously, there are no multiple levels of detail or possible elements to add and ...
0
votes
3answers
2k views

Lightbox larger than viewport data

I was wondering if there is any data exists describing users' feelings towards a gallery-linked image lightbox being larger than the user's viewport--specifically vertically larger--such that the user ...
20
votes
4answers
3k views

Is viewport size a useful design constraint, and how are viewport sizes distributed?

I'm trying to support or falsify the hypothesis that desktop browser viewport size is distributed multimodally (that is, with "peaks" in the distribution that might make for useful website design ...
5
votes
3answers
932 views

Handling images larger than viewport in carousel-based gallery

I'm trying to figure out the best way to design an image gallery embedded in a lightbox. The gallery has thumbnail versions of each image in a carousel, and clicking a thumbnail brings that image ...