CSS: building adaptive (Responsive) pages

Objectives

To provide the knowledge and skills required to construct a style sheet appropriate for a particular content which permits the rendering to adapt to the display platform (mobile, tablet, office workstation)

Targeted audience

Web integrators, designers and developers.

Content

• Techniques for creating a flexible grid which maintains its proportions when scaled
• Inserting images and other media in a flexible manner
• New CSS measurement units (vw, vh, vmin, vmax and rem)
• Media requests for adjusting the display depending on the device characteristics
• Identifying the resolution breakpoints
• Using scripts which provide support for older browsers which do not support media requests
• Applying the principle of continuous improvement