Quiz
Untitled
Create a free account to finish this quiz
Save your progress and see your final score.
Already have an account? Sign in
Questions in this quiz (29)
1For browsers lacking support we can use patches also know as polyfills. A polyfill is:
- Aessentially a piece of code/script that adds current functionality to older browsers.
- Ba piece of code/script that fills in the code
- Ccode that updates old browsers
2When marking up our pages using HTML, we use tags to define elements. Through the use of HTML5 we can take this a step further and make our markup/code have even more meaning. We do this through the implementation of ___________________.
- Apollyfills
- Bclassnames
- Csemantic tags
- Dids
3semantics:
- Aa specialized server that is based on client/server architecture. Its sole responsibility is to run specific applications within the network.
- Bof or relating to meaning, especially in language. the meaning or relationship of meanings of a sign or set of signs.
- Ca set of wires that enables flow of data from one location of the computer to another.
- Da request made by a computer from a database residing in the same system or a remotely located system.
4To make something more semantic, simply means to:
- Amake that thing more meaningful
- Bmake that thing more simple
- Cmake that thing more adaptive
- Dmake that thing more accessible
5The header element represents a group of introductory or navigational aids.
- ATrue
- BFalse
6The footer element should contain information about its containing element: who wrote it, copyright information, links to related content, etc.
- ATrue
- BFalse
7The nav element represents a section of a page that links to other pages or to parts within the page: a section with navigation links.
- ATrue
- BFalse
8The section element represents a sections that consist of major navigation blocks
- ATrue
- BFalse
9The article element represents a component of a page that consists of a self-contained composition in a document, page, application, or site and that is intended to be independently distributable or reusable, e.g. in syndication.
- ATrue
- BFalse
10The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content.
- ATrue
- BFalse
11The document outline is the:
- Aa map of how the website layout
- Bstructure of a document, generated by the document’s headings, form titles, table titles, and any other appropriate landmarks to map out the document.
- Cblueprint and framework of any given web page used to create, construct and design it.
- Dseries of commands that changes data values.
12Sectioning elements that do not contain a child heading will be labelled as ___________, indicating the lack of a logical heading but preserving the outline.
- ATitle
- BMiscellaneous
- CUntitled
- DUnknown
13The picture element is a container used to specify which message or data are divided to transfer it
- ATrue
- BFalse
14When using CSS3 it’s important to break down your website into 2 groups: ______________and _________________
- Atop, bottom
- Bleft, right
- Cbackground, forefront
- Dcritical, non critical
15Interaction, feedback and movement are__________________, we can apply new features, and if they are not supported in older browsers our web experience still holds up.
- Acritical
- Bnon - critical
- Ccommon
- Dvendors
16Browser vendors may choose to add defined CSS3 property support to their browsers via a ______________
- Avendor prefix
- Bprefix
- Cids
- Dtag
17TRANSITIONS:
- Aused to transfer one line of code to another source
- Bused to slide code smoothly
- Cused to move value changes easier
- Dused to smooth out value changes in CSS
18The transform property allows you to:
- Amodify the CSS model to be formatted to any browser.
- Bchange the property in any browser.
- Cmodify the coordinate space of the CSS visual formatting model.
- Dtranslate coordinate space in CSS
19@font-face allows designers:
- Achange the font on a web page
- Binsert font
- Cto embed fonts into a web page
- Dedit the face of the web page
20WOFF is NOT set to become the standard Web font format.
- ATrue
- BFalse
21The media query is a test for your browser.
It reads the query and asks two questions
Does it belong to a screen media device?
If it does, is the browser window at least 980 pixels wide also?- ATrue
- BFalse
22Every media query has two components.
• Each query begins with a media type (screen), drawn from the CSS2.1 specification’s list of approved media types
• Immediately after comes the query itself, wrapped in parentheses: (min-width: 980px).- ATrue
- BFalse
23With CSS3 you can add expressions to the media type to check for certain conditions (such as window size) and apply different styles
- ATrue
- BFalse
24A viewport is a term for the visible area of a webpage on a display device.
- ATrue
- BFalse
25Using the viewport tag allows us to:
- Adefine how an auxiliary program and a Web server would communicate.
- Bcontrol the size of that canvas, and override that default behaviour: we can dictate exactly how wide the browser’s viewport should be
- Cset codes designed to allow specific tasks to happen
- Denable flow of data from one location of the webpage to another.
26Flexbox is:
- Aa one-dimensional layout method for laying out items in rows or columns.
- Ba area do modify coding
- Ca flexible blue print to arrange code in an organized manner
- Da layout that can easily be modified
27Items flex to Fit additional space and shrink to Fill into smaller spaces.
- ATrue
- BFalse
28CSS grid is a:
- Awire frame or paper sketch
- B2-dimensional system, meaning it can handle both columns and rows, unlike flexbox which is largely a 1-dimensional system.
- Ctool designed to help designers organize their designs
29Both flexbox and the CSS grid are good at different things and should be used together, not as
alternatives to one another.
๏ Flexbox is great at aligning the content inside elements. Use flex to position the smaller details of a design.
๏ Use CSS grids for 2D layouts (rows AND columns).
๏ Flexbox works better in one dimension only (rows OR columns).- ATrue
- BFalse
Information
- Description
- Quiz on Untitled, created by Jaremy Bannon on 16/10/2018.
- Author
- Jaremy Bannon
- Language
- English
- Views
- 5
- History
- Created on 16 Oct 2018 · updated on 16 Oct 2018
- Rating
- No ratings yet Rate this quiz