c777 - Sheet1 Flashcards
(176 cards)
1
Q
The web development trifecta
A
HTML5, CSS, JavaScript
2
Q
HTML5 tag defining the main body of a document. Cannot be the child of the header, nav, article, aside, or footer elements.
A
main
3
Q
These elements can also be included in article, aside, nav, main, and section elements, not just on the page itself
A
header and footer
4
Q
This element identifies the file(s) to use in a video or audio element
A
source
5
Q
A set of standards for the writing and/or design of documents
A
style guide
6
Q
This version of IE is the first to support HTML5
A
IE9
7
Q
What should you do to support HTML5 elements in pre-IE9 browsers.
A
Add them via JS, make them block via CSS
8
Q
The term for the part of CSS code that refers to the element you want to style
A
selector
9
Q
In CSS, the term for a property and value pair. It must always end with a semicolon
A
declaration
10
Q
In CSS, the name for a selector, property and value all grouped together
A
rule
11
Q
The word “cascading” in CSS refers to this concept
A
inheritance
12
Q
The cascading order of CSS style sheets, ordered from lowest priority to highest
A
External, embedded, inline
13
Q
Linking to a CSS file requires these attributes in the link element
A
rel, type, href
14
Q
Embedded CSS should be placed in a block defined by this element
A
style
15
Q
Inline CSS should be placed in an attribute with this name
A
style
16
Q
The arrangement of content elements on a page and how the space is used. Does it fall from top to bottom in stacks, or does some content float to one side or the other?
A
document flow
17
Q
These are not used when defining inline CSS styles
A
curly braces
18
Q
Use this CSS property to avoid having floating elements before/after another element
A
clear
19
Q
In CSS, the “normal, or default”, position of block elements within a page
A
static
20
Q
In CSS, positioning a block element relative to another element
A
relative
21
Q
In CSS, this causes the element to appear to float above the document and can be positioned as needed. It is completely removed from the rest of the page flow.
A
absolute
22
Q
In CSS, this causes the element to remain in the same position when the page is scrolled
A
fixed
23
Q
In CSS, this causes the element to inherit its parent’s position
A
inherit
24
Q
In the box model, this is the space between the content and the border
A
padding
25
In the box model, this is the space between the border and surrounding elements
margin
26
Add all of these up to get the full size of an element in the box model
content, padding, border, and margin
27
This CSS3 selector selects every instance of a specified element whose specified attribute ends with the specified value
element[attribute$=value]
28
This CSS3 selector selects every instance of a specified element whose specified attribute contains the specified substring value
element[attribute*=value]
29
This CSS3 selector selects every instance of a specified element whose specified attribute begins with the specified value
element[attribute^=value]
30
This CSS3 selector selects every checked instance of a specified element
element:checked
31
This CSS3 selector selects every disabled instance of a specified element
element:disabled
32
This CSS3 selector selects every enabled instance of a specified element
element:enabled
33
This CSS3 selector selects every instance of a specified element that is the first of its parent
element:first-of-type
34
This CSS3 selector selects every instance of a specified element that is the last of its parent
element:last-of-type
35
This CSS3 selector selects every instance of element2 that is preceded by an instance of element1 where both have the same parent. element2 need not be immediately preceded by element1
element1~element2
36
CSS3 now allows this in the background
multiple images
37
CSS3 property determining whether the background extends into the border or not (content, padding, or border)
background-clip
38
CSS3 property defining the location to which the background-position property should be relative (content, padding, or border)
background-origin
39
CSS3 values used in a background-size property. Last two are optional. Default is auto.
length, percentage, cover, contain
40
Whereas the opacity property applies to an element and its children, you can use this to specify the opacity of a single element
rgba
41
CSS3 rule allowing you to specify custom fonts
@font-face
42
This font weight is the same as normal
400
43
This font weight is the same as bold
700
44
Range of font weights
100-900
45
IE9 and earlier do not support this text property
text-shadow
46
These two CSS3 properties are required by @font-face
font-family and src
47
An effect that changes an element's shape, size and/or position
transform
48
Property that allows you to change a transformed element's position
transform-origin
49
Property that specifies whether child elements will retain the parent element's position in 3D space
transform-style
50
Property that specifies the perspective from which a 3D child element is viewed by defining how far it is placed from view
perspective
51
Property that specifies the bottom position of a 3D element
perspective-origin
52
Property that defines whether or not an element is visible when it is rotated to face away from the viewer
backface-visibility
53
These browsers support the transform property
IE10+, Firefox, Opera
54
These browsers require a vendor prefix for transforms
Chrome 34, Safari 7, IE9
55
CSS3 effects that change an element from one style to another style
transition
56
Property that specifies the CSS property that the transition will affect
transition-property
57
Properties that defines the amount of time that a transition takes in seconds (s) or milliseconds (s). Default is 0. If no value is specified, then no transition occurs
duration
58
Properties that describe the speed of a transition. Valid options are ease, linear, ease-in, ease-out, and ease-in-out
timing function
59
Properties that defines how long before a transition or animation begins
delay
60
At-rule used to create CSS3 animations
@keyframes
61
@keyframes requires a prefix for these two browsers
Chrome 34 and Safari 7
62
Property that specifies the identifier for the @keyframes animation that binds it to a selector
animation-name
63
Property that specifies the number of times the animation will play. Default is 1.
animation-iteration-count
64
Property that specifies whether to play the animation in reverse on alternate cycles.
animation-direction
65
Property that specifies whether the animation is running or paused. Default is running
animation-play-state
66
The resize property only works in these browsers
Chrome, Safari, and Firefox
67
CSS3 UI property that makes an element look like a standard user interface element, such as a button or window
appearance
68
CSS3 UI property that forces specified elements fit an area in a certain way
box-sizing
69
CSS3 UI property that styles an element with an iconic equivalent
icon
70
CSS3 UI property that specifies the tabbing order for an element
nav-index
71
CSS3 UI property that specifies where the cursor will navigate to when the user presses the "direction" arrow key
nav-direction
72
CSS3 UI property that draws an outline beyond the border edge (i.e., offsets the outline) as specified
outline-offset
73
CSS3 UI property that specifies whether an element can be resized by the user and how it can be resized
resize
74
A CSS3 technique used to place an HTML element on top of another HTML element
overlay
75
Use this CSS3 property to create an overlay. Without it and by default, the HTML element listed last in the page appears at the top and vice versa.
z-index
76
The first character of a variable name in JavaScript must be one of these
letters, _, or $
77
Except for the first character, the name of a variable in JavaScript can contain these only
letters, numbers, or _
78
The 6 data types in JavaScript
number, string, boolean, Object, null, undefined
79
Data that is to be operated upon or manipulated in some manner by an operator
operand
80
Event that occurs when the loading of an image is aborted
abort
81
Event that occurs when input focus is removed from a form element
blur
82
Event that occurs when a user changes the value of a form field
change
83
Event that occurs when an error takes place while a page or image is loading
error
84
Event that occurs when a user gives input or focus to a form element
focus
85
Event that occurs when a form's Reset button is clicked
reset
86
Event that occurs when the user selects the text in a form field
select
87
Event that occurs when a form's Submit button is clicked
submit
88
Event that occurs when a page is unloaded from the browser
unload
89
Event that occurs when a page is loaded into the browser
load
90
Event that occurs when the user clicks on a link or form element
click
91
Event that occurs when the user moves the mouse pointer over a visible element on a page
mouseOver
92
Event that occurs when the mouse pointer leaves a visible element on a page
mouseOut
93
In JavaScript, function names must begin with this
letter or _
94
Except for the first character, function names in JavaScript can contain these
letters, numbers, _, or $
95
True or false: JavaScript is parsed according to its position in the page, as the browser works its way through the HTML
TRUE
96
Typically syntax errors, these usually cause error alerts
load-time errors
97
Typically caused by improper use of commands, these errors can cause error alerts
run-time errors
98
Errors that result in the script running improperly. They do not cause error alerts. The script may return unexpected results or may fail to execute at all.
logic errors
99
The two most common JavaScript coding errors
misspelling and case-sensitivity
100
The method to retrieve a canvas's drawing context
canvas.getContext("2d")
101
The method to retrieve a canvas's WebGL context
canvas.getContext("webgl")
102
How do you get browsers to download an updated Offline webapp if it's already been cached?
change manifest file
103
Geolocation API to retrieve the user's current location
getCurrentPosition()
104
Geolocation API to request periodic updates of the user's position
watchPosition()
105
Geolocation API to cancel watching the user's location
clearWatch()
106
Attribute and value to use on an element you want to be draggable
draggable="true"
107
Event specifying the start of a drag operation
dragstart
108
Event specifying a drag operation has occurred
dragover
109
Event specifying a drag operation has ended
drop
110
File API that provides a directory list of file objects
FileList
111
File API that provides read-only access to individual files
FileReader
112
File API that provides the ability to divide a file into byte ranges
Blob
113
History API method to go back a page
history.back()
114
History API method to go forward a page
history.forward()
115
History API method to navigate based on an offset n from the current page. The current page is 0, negative values go back, positive forward.
history.go(n)
116
History API that adds a URL to the history stack
history.pushState(state object, title, url)
117
History API that replaces the current history URL with a different one, instead of adding a new one
history.replaceState(state object, title, url)
118
History API to retrieve number of entries for the current window
history.length
119
History API that returns the state object at the top of the history stack
history.state
120
An event handler that is called when the history changes for a document in the browser window
window.onpopstate
121
jQuery method that sets or returns the text content of selected elements
text()
122
jQuery method that sets or returns the content of selected elements (including HTML markup)
html()
123
jQuery method that sets or returns the values of form fields
val()
124
jQuery method used to get and set attribute values. The method all can set multiple attributes simultaneously.
attr()
125
jQuery method to insert content at the end of the selected elements
append()
126
jQuery method to insert content at the beginning of the selected elements
prepend()
127
jQuery method to insert content after the selected elements
after()
128
jQuery method to insert content before the selected elements
before()
129
jQuery method to remove and element and its children
remove()
130
jQuery method to remove the children of an element, but not the element itself
empty()
131
If the type of an input element is omitted, the browser infers it to be this
text
132
If the type of an input is not supported by a browser, the browser will default to this type
text
133
HTML5 input type allowing the user to pick a color
color
134
HTML5 input type allowing the user to enter a date (without time zone) using a drop-down date-picker calendar
date
135
HTML5 input type allowing the user to choose a date and time with a GMT time zone
datetime
136
HTML5 input type allowing the user to choose a date and time with a local time zone
datetime-local
137
HTML5 input type allowing the user to enter one or more e-mail addresses
email
138
HTML5 input type allowing the user to choose a date using the month and year (without time zone)
month
139
HTML5 input type allowing the user to enter rational integers or float values
number
140
HTML5 input type the user to enter numbers using a slider control
range
141
HTML5 input type allowing the user to enter text for a search query
search
142
HTML5 input type allowing the user to enter a phone number
tel
143
HTML5 input type allowing the user to enter a time (without time zone)
time
144
HTML5 input type allowing the user to enter a URL
url
145
HTML5 input type allowing the user to choose a date using the week and year (without time zone)
week
146
HTML5 attributes that can be used on input elements (like date, month, number, etc.) to define the limits of a range
min and max
147
HTML5 input element that specifies a list of pre-defined choices for an input element, displayed as a dropdown that narrows down as the user types
datalist
148
HTML5 input element that creates a key-pair generator field in the form
keygen
149
HTML5 input element that displays the result when a calculation is performed
output
150
Use this attribute to bind an input element to a datalist element
list
151
This keygen attribute must have its value set to its own name and causes the element value to be challenged upon submission
challenge
152
The valid options for the keytype attribute of a keygen form element.
RSA, DSA, and EC
153
This attribute specifies the IDs of elements whose values were used, and can be used to bind elements, such as a label element to an input element
for
154
This form element attribute specifies the form(s) on the page in which the element appears
form
155
This attribute disables an element when set to a value of its own name
disabled
156
This attribute applies focus on the element when the page loads and set to a value of its own name
autofocus
157
Attribute that specifies the maximum number of characters that can be entered in the field by the user
maxlength
158
Attribute that specifies a name for the element that can be used to reference it
name
159
Attribute that specifies a short description to provide the user with a hint about the expected input in the field
placeholder
160
Attribute that requires the user to select or enter a value before the form can be submitted
required
161
This element is used to group elements so that related fields are placed together in a form
fieldset
162
This element allows you to add a caption for a group of items created by the fieldset element
legend
163
This element enables you to add a label to an input element in a form
label
164
An attribute used by many different elements
global attribute
165
Attribute that directs the browser not to validate form data upon submission
novalidate
166
Attribute that enables the form to suggest and automatically complete input as the user enters it
autocomplete
167
True or false: Data submission attributes of input elements override their form's attributes, unless the browser doesn't support HTML5
TRUE
168
Attribute that specifies how form input should be encoded when submitted to the server
enctype
169
Attribute that checks input into the field against a regular expression
pattern
170
The 5 attributes that an input element can override from its parent form element
formaction, formenctype, formmethod, formnovalidate, formtarget
171
Term describing when users must submit and resubmit a form until it validates.
pogo-sticking
172
Term describing what occurs when each form field is validated as the user completes it
inline validation
173
Strategies for mobile web design page layout
Simplify, divide, less text entry, no popups
174
Strategies for mobile web design navigation and hyperlinks
Nav placement, text-based links, access to full version, limited links
175
A Web design approach to create sites that adapt to many different devices
responsive web design
176
CSS3 media query "features"
width, height, device-width, device-height, orientation
