anteed
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.
1
,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. Transfor-
mations 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 el-
ement'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 technolo-
gies (HTML, CSS, javascript).
2
, 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 in-
stantly.
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 devel-
opers 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.
3
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.
1
,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. Transfor-
mations 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 el-
ement'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 technolo-
gies (HTML, CSS, javascript).
2
, 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 in-
stantly.
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 devel-
opers 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.
3
