| A | B |
|---|
| Responsive Web Design | Refers to using existing techniques involving flexible grid layout, flexible images, and media and media queries into a unified approach to web design. |
| Resolution | A simple count of the number of pixels across the entire width and height of a device |
| Pixels per Inch (PPI) | A measure of screen density refers to the number of device pixels on a physical surface. |
| Device Pixel | The tiniest physical unit in a display; also known as a physical pixel |
| Bitmap Pixel | The smallest unit of data in a raster image |
| Reference Pixel | A W3C standard based on an optical reference unit that might be twice the size of a hardware pixel. This new pixel should look exactly the same in all viewing situations. |
| Pixel Density | The number of device pixels on a physical surface; often measured in pixels per inch. |
| Viewport | The rectangular area (measured in pixels) that is viewable on a device screen. |
| Fixed-width Layout | The width of the site is bound to a certain number of pixels |
| Fluid Layout | The web design’s dimensions are defined in percentages rather than pixels. |
| Em space | 1 em equals the current font size; in a Web browser it equals 16 px |
| Relative units | Size is set in relation to surrounding elements |
| Absolute units | A specific size |
| Media Query | A CSS specification that allows designers to target styles based on a number of device properties |
| Scalable Vector Graphics (SVG) | Defines vector-based graphics that can be embedded directly into a Web page; SVG is a World Wide Web Consortium recommendation. |
| Vector graphics | Type of graphic that does NOT lose quality when zoomed or resized. |
