Client Hints: DPR, Width, Viewport-Width
DPR, Width, and Viewport-Width hints enable proactive content negotiation between client and server, enabling automated delivery of optimized assets - e.g. auto-negotiating image DPR resolution.
CSS content-visibility
Provides control over when elements are rendered, so rendering can be skipped for elements not yet in the user's viewport.
CSS Device Adaptation
Method of overriding the size of viewport in web page using the `@viewport` rule, replacing Apple's own popular `<meta>` viewport implementation. Includes the `extend-to-zoom` width value.
CSS position:sticky
Keeps elements positioned as "fixed" or "relative" depending on how it appears in the viewport. As a result the element is "stuck" when necessary while scrolling.
document.elementFromPoint()
Given coordinates for a point relative to the viewport, returns the element that a click event would be dispatched at if the user were to click the point (in other words, the element that hit-testing would find).
Element.getBoundingClientRect()
Method to get the size and position of an element's bounding box, relative to the viewport.
IntersectionObserver
API that can be used to understand the visibility and position of DOM elements relative to a containing element or to the top-level viewport. The position is delivered asynchronously and is useful for understanding the visibility of elements and implementing pre-loading and deferred loading of DOM content.
Element.scrollIntoViewIfNeeded()
If the element is fully within the visible area of the viewport, it does nothing. Otherwise, the element is scrolled into view. A proprietary variant of the standard `Element.scrollIntoView()` method.
Small, Large, and Dynamic viewport units
Viewport units similar to `vw` and `vh` that are based on shown or hidden browser UI states to address shortcomings of the original units. Currently defined as the `sv*` units (`svb`, `svh`, `svi`, `svmax`, `svmin`, `svw`), `lv*` units (`lvb`, `lvh`, `lvi`, `lvmax`, `lvmin`, `lvw`), `dv*` units (`dvb`, `dvh`, `dvi`, `dvmax`, `dvmin`, `dvw`) and the logical `vi`/`vb` units.
Viewport units: vw, vh, vmin, vmax
Length units representing a percentage of the current viewport dimensions: width (vw), height (vh), the smaller of the two (vmin), or the larger of the two (vmax).
gpurenderpassencoder api: setviewport
svgelement api: viewportelement
visualviewport api
visualviewport api: height
visualviewport api: offsetleft
visualviewport api: offsettop
visualviewport api: pageleft
visualviewport api: pagetop
visualviewport api: `resize` event
visualviewport api: scale
visualviewport api: `scrollend` event
visualviewport api: `scroll` event
visualviewport api: width
vttregion api: viewportanchorx
vttregion api: viewportanchory
webgl2renderingcontext api: viewport
webglrenderingcontext api: viewport
window api: visualviewport
xrsubimage api: viewport
xrviewport api
xrviewport api: height
xrviewport api: width
xrviewport api: x
xrviewport api: y
xrview api: recommendedviewportscale
xrview api: requestviewportscale
xrwebgllayer api: `getviewport()`
types: `<length>`: `dvb`, `dvh`, `dvi`, `dvmax`, `dvmin`, `dvw` units
types: `<length>`: `lvb`, `lvh`, `lvi`, `lvmax`, `lvmin`, `lvw` units
types: `<length>`: `svb`, `svh`, `svi`, `svmax`, `svmin`, `svw` units
headers http header: `accept-ch` client hint accept (response) header: `viewport-width` token
headers http header: `viewport-width` request header
42 results found.