Web User Interface Design Techniques
Web User Interface Design Techniques
False
In CSS, select the property to set an image in a list instead of a standard bullet?
list-style-image:
Which property of the image tag allows images from third-party sites that allow
cross-origin access to be reused with canvas?
crossorigin
In CSS, choose the correct option to select this image by its id? ``` <img
id=”mainpic” src=”cat.png”>
#mainpic { }
In CSS, select the property used to set the background color of an image?
background-color
Which property is used to specify a list of one or more strings separated by commas
indicating a set of possible image sources for the user agent to use.
srcset
Which property of the image tag provides an image decoding hint to the browser?
decoding
----------------------------------------------------------------------------
What is the default orientation within a flex container?
horizontal
In the code flex: 1 0 auto, which property does the second value represent(here 0)?
flex-shrink
----------------------------------------------------------------------------------
Which of the following css property is used to define the time it takes one
iteration of an animation to play?
transition-duration -- True
Which of the following css property is used to define a delay before an animation
starts?
transition-delay
Which of the following css property is used to define the animations that should be
run?
All the options
Which of the following css property is used to define which properties a transition
will be applied to?
transition-property -- True
Which of the following css property allows elements to be offset, rotated, scaled,
and skewed in a variety of different ways?
transform -- True
Which of the following css property is used to define the number of times an
animation should play?
animation-iteration-count ---True
-----------------------------------------------------------------------------------
---------
------------------------------------------------------------
Which are the different events that the <video> tag generates?
All the options
Using Responsive Web Design (RWD) ensures that site will display correctly in all
desktop browsers and mobile devices. You used a grid-based layout and resize-able
images, which is another RWD technique that you can use in responsive design?
Use relative units, such as percentages, for positioning page elements
When creating the manifest file and ensuring that the manifest attribute is
correct, which choice shows the correct text for the first line of text?
CACHE MANIFEST
Choose the correct statement with respect to the Path an element takes.
When commands are in Upper Case, these represent Absolute Path.In case their Lower
Case commands are used, the Relative Path is used.
What is the purpose of the evehat is the purpose of the event onAirEvent?
Content is played
Which method returns an object that contains image data of a specific ImageData
object?
getImageData()
Which HTML5 attribute can be used with HTML5 date input type to limit date
selection?
max - Wrong
Which method checks if the browser can play the specified video type?
canPlayType()
Which of the following does JavaScript use to send HTTP or HTTPS requests to a Web
Server?
The XMLHttpRequest object
Which of the following attributes triggers event after the document has been
printed?
onafterprint
For users that use the tab key to navigate websites, what property represents this
way of moving from one element to another?
a:focus
If we set autoplay=”false”, the video will play automatically when the page loads.
False
SVG supports pointer events, keyboard events, document events, but does not support
JavaScript/ECMAScript functions.
True
Which API makes the user’s current location available to browser-based application?
Geolocation API
Which of the following method retrieves the current geographic location of the
user?
geolocation.getCurrentPosition()
Which of the following functions of Number object would return a string version of
the number that may change according to the browser’s locale settings?
toLocaleString()