WEB DEVELOPMENT APPLICATIONS WGU C777
complete study guide with solutions
rotate(angle) - ANSWER Rotates the element clockwise at the specified degree.
Negative values rotate the element counter-clockwise
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.
complete study guide with solutions
rotate(angle) - ANSWER Rotates the element clockwise at the specified degree.
Negative values rotate the element counter-clockwise
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.
