CSS3 Border images

Method of using images for borders

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 background-position edge offsets

Allows CSS background images to be positioned relative to the specified edge using the 3 to 4 value syntax. For example: `background-position: right 5px bottom 5px;` for positioning 5px from the bottom-right corner.

CSS filter() function

This function filters a CSS input image with a set of filter functions (like blur, grayscale or hue)

CSS image-set

Method of letting the browser pick the most appropriate CSS image from a given set.

CSS Shapes Level 1

Allows geometric shapes to be set in CSS to define an area for text to flow around. Includes properties `shape-outside`, `shape-margin` and `shape-image-threshold`

DOMContentLoaded

JavaScript event that fires when the DOM is loaded, but before all page assets are loaded (CSS, images, etc.).

ImageCapture API

The Image Capture API provides access to the Video Camera for taking photos while configuring picture-specific settings such as e.g. zoom or auto focus metering area.

Srcset and sizes attributes

The `srcset` and `sizes` attributes on `img` (or `source`) elements allow authors to define various image resources and "hints" that assist a user agent to determine the most appropriate image source to display (e.g. high-resolution displays, small monitors, etc).

datatransfer api: setdragimage

document api: mozsetimageelement

htmlimageelement api: srcset

htmllinkelement api: imagesrcset

imagecapture api: getphotosettings

imagedecoder api: reset

css property: background-image: `image-set()`

css property: border-image-outset

types: `<image>`: `image-set()`

html element: link: imagesrcset