Web Development Applications – WGU
C777 - COMPLETE STUDY GUIDE
Question and answers verified to pass
2026/2027
rotate(angle) - correct answer Rotates the element clockwise at the specified degree.
Negative values rotate the element counter-clockwise
scale(x,y) - correct answer Increases or decreases the size of the element, based on the specified
parameters for width (x) and height (y)
scaleX(n) - correct answer Changes the elements width
ScaleY(n) - correct answer Changes the elements height
matrix(n,n,n,n,n) - correct 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) - correct answer Moves the element from its current position, based on the specified
parameters for the left (x) and top (y) position
translateX(n) - correct answer Moves the element along the X-axis (horizontally)
translateY(n) - correct answer Moves the element along the Y-axis (vertically)
,skew(x-angle,y-angle) - correct 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) - correct answer Turns or skews the element to a specified angle along its X-axis
skewY(angle) - correct answer Turns or skews the element to a specified angle along its Y-axis
Transform - correct answer Applies a 2D or 3D transformation to an element. Transformations include
rotating, moving, skewing, and scaling.
transform-origin - correct answer Allows you to change a transformed element's position.
transform-style - correct answer Specifies whether child elements will retain the parents element's
element position in 3D space
perspective - correct 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 - correct answer Specifies the bottom position of 3D elements
backface-visibility - correct answer Defines whether or not an element is visible when it is rotated to
face away from the viewer
Click-to-call - correct answer Click-to-call allows users to initiate a phone call directly from a web page
by clicking a link.
tel: scheme - correct answer The tel: scheme specifies a phone number that mobile devices interpret as
a call command.
, Mobile Websites - correct answer Accessible via a browser and written using web technologies (HTML,
CSS, JavaScript).
Mobile Apps - correct 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 - correct answer Updates are made on the server and apply instantly.
Updates for Mobile Apps - correct answer Updates require users to download and install them.
Device Hardware Access - correct 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 - correct 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 - correct answer Screen size, touch-friendly design, fast load
times, mobile-first design, readable text, and bandwidth limitations.
Usability of Navigation on Mobile - correct answer Use a hamburger menu or collapsible navigation,
keep navigation simple, use clear tappable buttons, and place navigation controls within thumb reach.
Emulators - correct 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 - correct answer Use responsive image techniques like srcset and sizes for
adaptable image resolutions.
C777 - COMPLETE STUDY GUIDE
Question and answers verified to pass
2026/2027
rotate(angle) - correct answer Rotates the element clockwise at the specified degree.
Negative values rotate the element counter-clockwise
scale(x,y) - correct answer Increases or decreases the size of the element, based on the specified
parameters for width (x) and height (y)
scaleX(n) - correct answer Changes the elements width
ScaleY(n) - correct answer Changes the elements height
matrix(n,n,n,n,n) - correct 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) - correct answer Moves the element from its current position, based on the specified
parameters for the left (x) and top (y) position
translateX(n) - correct answer Moves the element along the X-axis (horizontally)
translateY(n) - correct answer Moves the element along the Y-axis (vertically)
,skew(x-angle,y-angle) - correct 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) - correct answer Turns or skews the element to a specified angle along its X-axis
skewY(angle) - correct answer Turns or skews the element to a specified angle along its Y-axis
Transform - correct answer Applies a 2D or 3D transformation to an element. Transformations include
rotating, moving, skewing, and scaling.
transform-origin - correct answer Allows you to change a transformed element's position.
transform-style - correct answer Specifies whether child elements will retain the parents element's
element position in 3D space
perspective - correct 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 - correct answer Specifies the bottom position of 3D elements
backface-visibility - correct answer Defines whether or not an element is visible when it is rotated to
face away from the viewer
Click-to-call - correct answer Click-to-call allows users to initiate a phone call directly from a web page
by clicking a link.
tel: scheme - correct answer The tel: scheme specifies a phone number that mobile devices interpret as
a call command.
, Mobile Websites - correct answer Accessible via a browser and written using web technologies (HTML,
CSS, JavaScript).
Mobile Apps - correct 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 - correct answer Updates are made on the server and apply instantly.
Updates for Mobile Apps - correct answer Updates require users to download and install them.
Device Hardware Access - correct 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 - correct 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 - correct answer Screen size, touch-friendly design, fast load
times, mobile-first design, readable text, and bandwidth limitations.
Usability of Navigation on Mobile - correct answer Use a hamburger menu or collapsible navigation,
keep navigation simple, use clear tappable buttons, and place navigation controls within thumb reach.
Emulators - correct 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 - correct answer Use responsive image techniques like srcset and sizes for
adaptable image resolutions.
