WGU C777 Web Development Applications Study Guide - Test-Ready Solutions Pack

WGU C777 Web Development Applications Study Guide - Test-Ready Solutions Pack 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., ) 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. Image Compression - answer - Compress images to reduce file size without sacrificing quality. Modern Image Formats - answer - Use modern image formats like WebP for better compression. Lazy Loading Images - an