WGU C777 WEB DEVELOPMENT
APPLICATIONS QUIZ BANK COMPREHENSIVE
◉ scale(x,y) Answer: Increases or decreases the size of the element,
based on the specified parameters for width (x) and height (y)
◉ scaleX(n) Answer: Changes the elements width
◉ ScaleY(n) Answer: Changes the elements height
◉ 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
◉ translate(x,y) Answer: Moves the element from its current position,
based on the specified parameters for the left (x) and top (y) position
◉ translateX(n) Answer: Moves the element along the X-axis
(horizontally)
,◉ translateY(n) Answer: Moves the element along the Y-axis (vertically)
◉ 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.
◉ skewX(angle) Answer: Turns or skews the element to a specified
angle along its X-axis
◉ skewY(angle) Answer: Turns or skews the element to a specified
angle along its Y-axis
◉ Transform Answer: Applies a 2D or 3D transformation to an element.
Transformations include rotating, moving, skewing, and scaling.
◉ transform-origin Answer: Allows you to change a transformed
element's position.
◉ transform-style Answer: Specifies whether child elements will retain
the parents element's element position in 3D space
◉ perspective Answer: Specifies the perspective from which a 3D child
element is viewed by defining how far it is placed in view (in pixels)
,◉ perspective-origin Answer: Specifies the bottom position of 3D
elements
◉ backface-visibility Answer: Defines whether or not an element is
visible when it is rotated to face away from the viewer
◉ Click-to-call Answer: Click-to-call allows users to initiate a phone
call directly from a web page by clicking a link.
◉ tel: scheme Answer: The tel: scheme specifies a phone number that
mobile devices interpret as a call command.
◉ Mobile Websites Answer: Accessible via a browser and written using
web technologies (HTML, CSS, JavaScript).
◉ 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).
◉ Updates for Mobile Websites Answer: Updates are made on the server
and apply instantly.
◉ Updates for Mobile Apps Answer: Updates require users to download
and install them.
, ◉ Device Hardware Access Answer: Mobile websites have limited
access to device hardware, while mobile apps can access device features
like GPS, camera, and notifications.
◉ 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.
◉ Key Considerations for Mobile Design Answer: Screen size, touch-
friendly design, fast load times, mobile-first design, readable text, and
bandwidth limitations.
◉ Usability of Navigation on Mobile Answer: Use a hamburger menu or
collapsible navigation, keep navigation simple, use clear tappable
buttons, and place navigation controls within thumb reach.
◉ Emulators Answer: Emulators simulate mobile device environments,
allowing developers to test how a site looks and behaves on different
devices and screen sizes.
◉ Responsive Image Techniques Answer: Use responsive image
techniques like srcset and sizes for adaptable image resolutions.
APPLICATIONS QUIZ BANK COMPREHENSIVE
◉ scale(x,y) Answer: Increases or decreases the size of the element,
based on the specified parameters for width (x) and height (y)
◉ scaleX(n) Answer: Changes the elements width
◉ ScaleY(n) Answer: Changes the elements height
◉ 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
◉ translate(x,y) Answer: Moves the element from its current position,
based on the specified parameters for the left (x) and top (y) position
◉ translateX(n) Answer: Moves the element along the X-axis
(horizontally)
,◉ translateY(n) Answer: Moves the element along the Y-axis (vertically)
◉ 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.
◉ skewX(angle) Answer: Turns or skews the element to a specified
angle along its X-axis
◉ skewY(angle) Answer: Turns or skews the element to a specified
angle along its Y-axis
◉ Transform Answer: Applies a 2D or 3D transformation to an element.
Transformations include rotating, moving, skewing, and scaling.
◉ transform-origin Answer: Allows you to change a transformed
element's position.
◉ transform-style Answer: Specifies whether child elements will retain
the parents element's element position in 3D space
◉ perspective Answer: Specifies the perspective from which a 3D child
element is viewed by defining how far it is placed in view (in pixels)
,◉ perspective-origin Answer: Specifies the bottom position of 3D
elements
◉ backface-visibility Answer: Defines whether or not an element is
visible when it is rotated to face away from the viewer
◉ Click-to-call Answer: Click-to-call allows users to initiate a phone
call directly from a web page by clicking a link.
◉ tel: scheme Answer: The tel: scheme specifies a phone number that
mobile devices interpret as a call command.
◉ Mobile Websites Answer: Accessible via a browser and written using
web technologies (HTML, CSS, JavaScript).
◉ 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).
◉ Updates for Mobile Websites Answer: Updates are made on the server
and apply instantly.
◉ Updates for Mobile Apps Answer: Updates require users to download
and install them.
, ◉ Device Hardware Access Answer: Mobile websites have limited
access to device hardware, while mobile apps can access device features
like GPS, camera, and notifications.
◉ 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.
◉ Key Considerations for Mobile Design Answer: Screen size, touch-
friendly design, fast load times, mobile-first design, readable text, and
bandwidth limitations.
◉ Usability of Navigation on Mobile Answer: Use a hamburger menu or
collapsible navigation, keep navigation simple, use clear tappable
buttons, and place navigation controls within thumb reach.
◉ Emulators Answer: Emulators simulate mobile device environments,
allowing developers to test how a site looks and behaves on different
devices and screen sizes.
◉ Responsive Image Techniques Answer: Use responsive image
techniques like srcset and sizes for adaptable image resolutions.
