mawd 4.02 Absolute units and Relative measurement
Terms in this set (27)
Pixels (px)—recommended for screens, occasional print
Points (pt)—recommended for print, not for screens
Picas (pc)—recommended for print
Inches (in)—recommended for print, not for screens
em (font size of the element)—recommended for screen or print
% (percent)—recommended for screen or print
Absolute units are good when the physical size of the output is defined
Relative units are good when the user may change size in the browser and to set sizes relative to the surrounding elements.
An em is a unit of measurement in the field of typography, equal to the currently specified point size.
In a Web browser an em is equal to the default size of 16px
Ems are becoming increasingly popular in web documents due to scalability and their mobile-device-friendly nature.
Ems are recommended by the w3c.
Images and mobile devices
Bitmap or raster images are composed of a fixed set of pixels.
Bitmap pixel is the smallest unit of data in a raster image
Avoid using bitmaps with inappropriate resolutions
CSS can be used to serve up an appropriately sized version of a bitmap depending upon the screen size
SVG tag <svg> (new in HTML 5) defines vector-based graphics for the Web.
SVG stands for Scalable Vector Graphics
SVG graphics do NOT lose any quality if they are zoomed or resized
SVG is a W3C recommendation
SVG can be embedded directly into HTML pages
SVG can be edited with a plain text editor
Media queries consist of a media type and expressions that check for the conditions of particular media features
By using the @media rule, a website can have a different layout for screen, print, mobile phone, tablet, etc.
OTHER SETS BY THIS CREATOR
mawd 4.02 Fluid Layout
mawd 4.02 Fixed Layout
mawd 4.02 Responsive Web Design
mawd 4.02 The Mobile Web