HTML

Question 1

Which responsive design technique adapts an image’s size to the device’s screen size by specifying a percentage for each dimension?

Answer 1

Fluid Image

Question 2

What do we call an application designed for a specific mobile operating system?

Answer 2

Mobile App

Question 3

What do we call a web site designed specifically for viewing on mobile device browsers?

Answer 3

Mobile Web Site

Question 4

What do we call a web site designed to adapt to many different devices?

Answer 4

Responsive Web Design (RWD)

Question 5

What are three Responsive Web Design techniques use to adjusts gracefully for desktop, tablet and smartphone browsers?

Answer 5

• Grid-based layouts
• Resizable images
• Media queries

Question 6

What is an adaptive grid that uses percentage-based dimensions?

Answer 6

Fluid-grid

Question 7

What uses invisible guidelines to help you place page elements to accommodate various screen sizes?

Answer 7

Grid-based layouts

Question 8

What tools, templates or boiler-plates provide the basic foundation for responsive design?

Answer 8

Frameworks

Question 9

What is one of the most popular frameworks that provides a collection of HTML- and CSS-based design templates for typography, buttons, navigation, forms and other interface components?

Answer 9

Bootstrap

Question 10

What technique creates a link to dial a phone number?

Answer 10

Click-to-call

Question 11

How do you implement the protocol that creates a link to dial a phone number?

Answer 11

<a>
Call Now!
</a>

Question 12

How do you implement the protocol that creates a link to draft an email?

Answer 12

<a href=”mailto:(email)>
Email
</a>

Question 13

How do you implement the protocol that creates a link to send a text message?

Answer 13

<a>
Text
</a>

Question 14

What CSS3 technique checks a client device and then targets styles based on the device’s properties?

Answer 14

Media Queries

Question 15

What navigation techniques should you employ for mobile devices?

Answer 15

• Placement of navigation elements.
• Text-based hyperlinks.
• Access to the full version of the site.
• Limited links.

Question 16

What process ensures that your code complies with standards?

Answer 16

Validation

Question 17

What process shows you how your pages will render and perform on various platforms doing various tasks?

Answer 17

Testing

Question 18

Mobile Web sites are easier to develop because they are written with which language?

Answer 18

HTML

Question 19

What techniques should you use to maximize usability of a mobile site design?

Answer 19

• Page layout for mobile devices.
• Hyperlinks and navigation on mobile devices.
• Images for mobile devices.
• Mobile Web page validation and testing.

Question 20

When designing mobile Web sites, which of the following should you do to simplify the site design?

Answer 20

Minimize the number of links needed to navigate the site.

Question 21

Because mobile device users must type on a small touchscreen you should do what?

Answer 21

Require less text entry.

Question 22

Where on the a mobile web page should you position a search field for quick access?

Answer 22

Top of the page.

Question 23

What techniques will make your content easier to view and use on mobile devices?

Answer 23

• Simplify the design.
• Divide pages into smaller portions.
• Require less text entry.
• Avoid pop-ups.

Question 24

What are absolute length units that are fixed and will appear as exactly that size?

Answer 24

• cm (centimeters)
• mm (millimeters)
• in (inches)
• px (pixels)
• pt (points)
• pc (picas)

Question 25

What are relative length units that specify a length relative to another length property?

Answer 25

em (relative to the font-size) ex (relative to the x-height of the current font) rem (relative to font-size of the root element) vw (relative to 1% of the width of the viewport) vh (relative to 1% of the height of the viewport) % (relative to the parent element)

Question 26

What tool is used to test sites for cross-browser compatibility?

Answer 26

Emulator

Question 27

How can you design your site so that various mobile devices can easily accommodate it?

Answer 27

Create flexible-sized elements using percentages instead of pixels.

Question 28

Which technique should you use to make your hyperlinks easier to find and click on mobile devices?

Answer 28

Pad the clickable area around your links.

Question 29

What challenges should you consider when including images in your mobile design?

Answer 29

- File sizes/memory - Size constraints

Question 30

Using radio buttons, check boxes and drop-down lists instead of text boxes helps what?

Answer 30

Mobile users

Question 31

Is a mobile website easier or more difficult to maintain than a responsive website?

Answer 31

More difficult.

Question 32

Which type of web content naturally performs better in searches and SEO?

Answer 32

Responsive Web Sites

Question 33

What are the benefits of mobile apps?

Answer 33

- Uses all device capabilities (GPS, camera, voice, RFID, address book, calendar, etc.) - High performance as the code is local to the device.

Question 34

What are the benefits of mobile web sites?

Answer 34

- Designed to require less bandwidth all users see the latest updates

Question 35

What are the benefits of responsive web sites?

Answer 35

- Easiest to support and maintain. - Most forward-compatibility. - Lowest cost to develop.

Question 36

What defines the user's visible area of a web page and varies with the device?

Answer 36

Viewport

Question 37

How do you give the browser instructions on how to control the page's dimensions and scaling?

Question 38

How do you define CSS rules that only apply if a device's screen size is 600px or smaller?

Answer 38

@media only screen and (max-width: 600px) {}

Question 39

How do you define CSS rules that only apply if a device's screen size is 600px or larger?

Answer 39

@media only screen and (min-width: 600px) {}

Question 40

What does responsive web design aim to implement throughout the design?

Answer 40

Dynamic element adjustments.