WEB DEVELOPMENT APPLICATIONS – WGU C777 - COMPLETE
STUDY GUIDE Questions with Correct Solutions
Question:
1. rotate(angle)
Answer:
Rotates the element clockwise at the specified degree. Negative values rotate the element
counter-clockwise
Question:
2. scale(x,y)
Answer:
Increases or decreases the size of the element, based on the specified parameters for width
(x) and height (y)
Question:
3. scaleX(n)
Answer:
Changes the elements width
Question:
4. ScaleY(n)
Answer:
Changes the elements height
Question:
5. matrix(n,n,n,n,n)
Answer:
Combines all of the 2D transform methods in one. Takes six parameters, contatining
mathematic functions, which enable the element to rotate, scale, move (translate), and skew
Question:
6. translate(x,y)
Answer:
Moves the element from its current position, based on the specified parameters for the left (x)
and top (y) position
,Question:
7. translateX(n)
Answer:
Moves the element along the X-axis (horizontally)
Question:
8. translateY(n)
Answer:
Moves the element along the Y-axis (vertically)
Question:
9. skew(x-angle,y-angle)
Answer:
Turns or skews the element to a specified angle, based on the specified parameters for the
horizontal (X axis), and vertical (Y axis) lines.
Question:
10. skewX(angle)
Answer:
Turns or skews the element to a specified angle along its X-axis
Question:
11. skewY(angle)
Answer:
Turns or skews the element to a specified angle along its Y-axis
Question:
12. Transform
Answer:
Applies a 2D or 3D transformation to an element. Transformations include rotating, moving,
skewing, and scaling.
Question:
13. transform-origin
Answer:
Allows you to change a transformed element's position.
,Question:
14. transform-style
Answer:
Specifies whether child elements will retain the parents element's element position in 3D
space
Question:
15. perspective
Answer:
Specifies the perspective from which a 3D child element is viewed by defining how far it is
placed in view (in pixels)
Question:
16. perspective-origin
Answer:
Specifies the bottom position of 3D elements
Question:
17. backface-visibility
Answer:
Defines whether or not an element is visible when it is rotated to face away from the viewer
Question:
18. Click-to-call
Answer:
Click-to-call allows users to initiate a phone call directly from a web page by clicking a link.
Question:
19. tel: scheme
Answer:
The tel: scheme specifies a phone number that mobile devices interpret as a call command.
Question:
20. Mobile Websites
Answer:
Accessible via a browser and written using web technologies (HTML, CSS, JavaScript).
, Question:
21. Mobile Apps
Answer:
Installed on a device via an app store and developed using platform-specific languages (e.g.,
Swift for iOS, Kotlin for Android).
Question:
22. Updates for Mobile Websites
Answer:
Updates are made on the server and apply instantly.
Question:
23. Updates for Mobile Apps
Answer:
Updates require users to download and install them.
Question:
24. Device Hardware Access
Answer:
Mobile websites have limited access to device hardware, while mobile apps can access device
features like GPS, camera, and notifications.
Question:
25. Mobile Websites vs. Responsive Designs
Answer:
Mobile websites are specifically designed for mobile devices, often with a separate URL (e.g.,
m.example.com) and minimal features, while responsive designs use CSS techniques like
media queries to adapt the layout to different screen sizes.
Question:
26. Key Considerations for Mobile Design
Answer:
Screen size, touch-friendly design, fast load times, mobile-first design, readable text, and
bandwidth limitations.
Question:
27. Usability of Navigation on Mobile
STUDY GUIDE Questions with Correct Solutions
Question:
1. rotate(angle)
Answer:
Rotates the element clockwise at the specified degree. Negative values rotate the element
counter-clockwise
Question:
2. scale(x,y)
Answer:
Increases or decreases the size of the element, based on the specified parameters for width
(x) and height (y)
Question:
3. scaleX(n)
Answer:
Changes the elements width
Question:
4. ScaleY(n)
Answer:
Changes the elements height
Question:
5. matrix(n,n,n,n,n)
Answer:
Combines all of the 2D transform methods in one. Takes six parameters, contatining
mathematic functions, which enable the element to rotate, scale, move (translate), and skew
Question:
6. translate(x,y)
Answer:
Moves the element from its current position, based on the specified parameters for the left (x)
and top (y) position
,Question:
7. translateX(n)
Answer:
Moves the element along the X-axis (horizontally)
Question:
8. translateY(n)
Answer:
Moves the element along the Y-axis (vertically)
Question:
9. skew(x-angle,y-angle)
Answer:
Turns or skews the element to a specified angle, based on the specified parameters for the
horizontal (X axis), and vertical (Y axis) lines.
Question:
10. skewX(angle)
Answer:
Turns or skews the element to a specified angle along its X-axis
Question:
11. skewY(angle)
Answer:
Turns or skews the element to a specified angle along its Y-axis
Question:
12. Transform
Answer:
Applies a 2D or 3D transformation to an element. Transformations include rotating, moving,
skewing, and scaling.
Question:
13. transform-origin
Answer:
Allows you to change a transformed element's position.
,Question:
14. transform-style
Answer:
Specifies whether child elements will retain the parents element's element position in 3D
space
Question:
15. perspective
Answer:
Specifies the perspective from which a 3D child element is viewed by defining how far it is
placed in view (in pixels)
Question:
16. perspective-origin
Answer:
Specifies the bottom position of 3D elements
Question:
17. backface-visibility
Answer:
Defines whether or not an element is visible when it is rotated to face away from the viewer
Question:
18. Click-to-call
Answer:
Click-to-call allows users to initiate a phone call directly from a web page by clicking a link.
Question:
19. tel: scheme
Answer:
The tel: scheme specifies a phone number that mobile devices interpret as a call command.
Question:
20. Mobile Websites
Answer:
Accessible via a browser and written using web technologies (HTML, CSS, JavaScript).
, Question:
21. Mobile Apps
Answer:
Installed on a device via an app store and developed using platform-specific languages (e.g.,
Swift for iOS, Kotlin for Android).
Question:
22. Updates for Mobile Websites
Answer:
Updates are made on the server and apply instantly.
Question:
23. Updates for Mobile Apps
Answer:
Updates require users to download and install them.
Question:
24. Device Hardware Access
Answer:
Mobile websites have limited access to device hardware, while mobile apps can access device
features like GPS, camera, and notifications.
Question:
25. Mobile Websites vs. Responsive Designs
Answer:
Mobile websites are specifically designed for mobile devices, often with a separate URL (e.g.,
m.example.com) and minimal features, while responsive designs use CSS techniques like
media queries to adapt the layout to different screen sizes.
Question:
26. Key Considerations for Mobile Design
Answer:
Screen size, touch-friendly design, fast load times, mobile-first design, readable text, and
bandwidth limitations.
Question:
27. Usability of Navigation on Mobile