Exam 5: Responsive Design: Designing for Mobile Devices

Following a mobile-first strategy, a web developer designs the flexible wireframe and essential content for the largest viewport first.

Identify a mobile website from the given Uniform Resource Locators (URLs).

In a list, removing line breaks removes extra space below the lists.

Before publishing a website, a(n) _____ must be used to test the site across multiple types of devices.

_________ layouts combine aspects of fixed and fluid layouts.

Bootstrap queries allow a webpage developer to selectively apply Cascading Style Sheet (CSS) rules that work best for a given viewport size.

Critical Thinking Questions Zach, a consultant, has recently launched a website for his business. His audience includes people who use both desktops and smartphones. Zach wants to detect the approximate pixel size of the current viewport so that it will help him selectively apply Cascading Style Sheet (CSS) rules that work best for that viewport size. Identify the concept of responsive design will help Zach get the required information.

Coding links in a navigation system as an unordered list provides the _________ around each link, which is required to style the links for different viewport sizes later

The term _________ is preferred over "window" because windows are generally not displayed in the browsers of mobile devices.

A(n) _____ is considered by some to be a more productive and effective way to build a website from scratch because it forces a web developer to focus on the core, essential content first for the smallest viewport.

The span element is an inline element.

On a traditional Windows desktop computer, a viewport is usually the window itself.

_____ can involve a tremendous amount of horizontal scrolling and require much zooming on small viewports.

A popular tool for creating mobile web applications is _____.

_____ use Cascading Style Sheet (CSS) rules to resize an image relative to the wireframe and viewport.

A webpage with a _____ layout changes in width based on the size of a viewport.

Critical Thinking Questions Zach, a consultant, has recently launched a website for his business. His audience includes people who use both desktops and smartphones. Zach wants to present his content in such a way that the site content shrinks and expands according to the type of device used to access the site. Which of the following layouts should Zach use for this purpose?

_____ can be implemented by measuring the widths of wireframe elements and content in relative units such as percentages and ems.

The _________ measurement should not be used for width measurements, as this creates a fixed, unresponsive layout.