Section 1
Preview this deck
perspective
Front
| 5 | 0 | ||
| 4 | 0 | ||
| 3 | 0 | ||
| 2 | 0 | ||
| 1 | 0 |
Active users
3
All-time users
3
Favorites
0
Last updated
4 years ago
Date created
Mar 1, 2020
Cards (218)
Section 1
(62 cards)
perspective
Property that specifies the perspective from which a 3D child element is viewed by defining how far it is placed from view
IE9
This version of IE is the first to support HTML5
Add them via JS, make them block via CSS
What should you do to support HTML5 elements in pre-IE9 browsers.
static
In CSS, the "normal, or default", position of block elements within a page
transform
An effect that changes an element's shape, size and/or position
padding
In the box model, this is the space between the content and the border
length, percentage, cover, contain
CSS3 values used in a background-size property. Last two are optional. Default is auto.
element:checked
This CSS3 selector selects every checked instance of a specified element
style
Inline CSS should be placed in an attribute with this name
element1~element2
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
curly braces
These are not used when defining inline CSS styles
rgba
Whereas the opacity property applies to an element and its children, you can use this to specify the opacity of a single element
element[attribute*=value]
This CSS3 selector selects every instance of a specified element whose specified attribute contains the specified substring value
background-origin
CSS3 property defining the location to which the background-position property should be relative (content, padding, or border)
rel, type, href
Linking to a CSS file requires these attributes in the link element
relative
In CSS, positioning a block element relative to another element
rule
In CSS, the name for a selector, property and value all grouped together
element[attribute$=value]
This CSS3 selector selects every instance of a specified element whose specified attribute ends with the specified value
100-900
Range of font weights
fixed
In CSS, this causes the element to remain in the same position when the page is scrolled
absolute
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.
element[attribute^=value]
This CSS3 selector selects every instance of a specified element whose specified attribute begins with the specified value
HTML5, CSS, JavaScript
The web development trifecta
main
HTML5 tag defining the main body of a document. Cannot be the child of the header, nav, article, aside, or footer elements.
document flow
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?
clear
Use this CSS property to avoid having floating elements before/after another element
inheritance
The word "cascading" in CSS refers to this concept
element:enabled
This CSS3 selector selects every enabled instance of a specified element
source
This element identifies the file(s) to use in a video or audio element
style guide
A set of standards for the writing and/or design of documents
inherit
In CSS, this causes the element to inherit its parent's position
margin
In the box model, this is the space between the border and surrounding elements
@font-face
CSS3 rule allowing you to specify custom fonts
External, embedded, inline
The cascading order of CSS style sheets, ordered from lowest priority to highest
declaration
In CSS, the term for a property and value pair. It must always end with a semicolon
400
This font weight is the same as normal
font-family and src
These two CSS3 properties are required by @font-face
background-clip
CSS3 property determining whether the background extends into the border or not (content, padding, or border)
transform-origin
Property that allows you to change a transformed element's position
selector
The term for the part of CSS code that refers to the element you want to style
multiple images
CSS3 now allows this in the background
element:disabled
This CSS3 selector selects every disabled instance of a specified element
element:first-of-type
This CSS3 selector selects every instance of a specified element that is the first of its parent
700
This font weight is the same as bold
element:last-of-type
This CSS3 selector selects every instance of a specified element that is the last of its parent
transform-style
Property that specifies whether child elements will retain the parent element's position in 3D space
style
Embedded CSS should be placed in a block defined by this element
text-shadow
IE9 and earlier do not support this text property
header and footer
These elements can also be included in article, aside, nav, main, and section elements, not just on the page itself
content, padding, border, and margin
Add all of these up to get the full size of an element in the box model
Section 2
(64 cards)
delay
Properties that defines how long before a transition or animation begins
letters, _, or $
The first character of a variable name in JavaScript must be one of these
misspelling and case-sensitivity
The two most common JavaScript coding errors
Chrome, Safari, and Firefox
The resize property only works in these browsers
IE10+, Firefox, Opera
These browsers support the transform property
Chrome 34 and Safari 7
@keyframes requires a prefix for these two browsers
load-time errors
Typically syntax errors, these usually cause error alerts
perspective-origin
Property that specifies the bottom position of a 3D element
reset
Event that occurs when a form's Reset button is clicked
focus
Event that occurs when a user gives input or focus to a form element
duration
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
timing function
Properties that describe the speed of a transition. Valid options are ease, linear, ease-in, ease-out, and ease-in-out
transition
CSS3 effects that change an element from one style to another style
animation-direction
Property that specifies whether to play the animation in reverse on alternate cycles. Requires an iteration count greater than 1. Parameters are normal, reverse, alternate, alternate-reverse
@keyframes
At-rule used to create CSS3 animations
animation-iteration-count
Property that specifies the number of times the animation will play. Default is 1.
blur
Event that occurs when input focus is removed from a form element
outline-offset
CSS3 UI property that draws an outline beyond the border edge (i.e., offsets the outline) as specified
letters, numbers, _, or $
Except for the first character, function names in JavaScript can contain these
error
Event that occurs when an error takes place while a page or image is loading
true
True or false: JavaScript is parsed according to its position in the page, as the browser works its way through the HTML
overlay
A CSS3 technique used to place an HTML element on top of another HTML element
operand
Data that is to be operated upon or manipulated in some manner by an operator
load
Event that occurs when a page is loaded into the browser
submit
Event that occurs when a form's Submit button is clicked
animation-play-state
Property that specifies whether the animation is running or paused. Default is running
unload
Event that occurs when a page is unloaded from the browser
canvas.getContext("2d")
The method to retrieve a canvas's drawing context
animation-name
Property that specifies the identifier for the @keyframes animation that binds it to a selector
click
Event that occurs when the user clicks on a link or form element
nav-index
CSS3 UI property that specifies the tabbing order for an element
run-time errors
Typically caused by improper use of commands, these errors can cause error alerts
letter or _
In JavaScript, function names must begin with this
nav-direction
CSS3 UI property that specifies where the cursor will navigate to when the user presses the "direction" arrow key
select
Event that occurs when the user selects the text in a form field
mouseOver
Event that occurs when the user moves the mouse pointer over a visible element on a page
mouseOut
Event that occurs when the mouse pointer leaves a visible element on a page
z-index
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.
number, string, boolean, Object, null, undefined
The 6 data types in JavaScript
transition-property
Property that specifies the CSS property that the transition will affect
letters, numbers, or _
Except for the first character, the name of a variable in JavaScript can contain these only
backface-visibility
Property that defines whether or not an element is visible when it is rotated to face away from the viewer
box-sizing
CSS3 UI property that forces specified elements fit an area in a certain way
icon
CSS3 UI property that styles an element with an iconic equivalent
appearance
CSS3 UI property that makes an element look like a standard user interface element, such as a button or window
logic errors
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.
change
Event that occurs when a user changes the value of a form field
abort
Event that occurs when the loading of an image is aborted
Chrome 34, Safari 7, IE9
These browsers require a vendor prefix for transforms
resize
CSS3 UI property that specifies whether an element can be resized by the user and how it can be resized
Section 3
(60 cards)
html()
jQuery method that sets or returns the content of selected elements (including HTML markup)
keygen
HTML5 input element that creates a key-pair generator field in the form
text
If the type of an input is not supported by a browser, the browser will default to this type
tel
HTML5 input type allowing the user to enter a phone number
datetime-local
HTML5 input type allowing the user to choose a date and time with a local time zone
history.forward()
History API method to go forward a page
color
HTML5 input type allowing the user to pick a color
week
HTML5 input type allowing the user to choose a date using the week and year (without time zone)
datalist
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
month
HTML5 input type allowing the user to choose a date using the month and year (without time zone)
change manifest file
How do you get browsers to download an updated Offline webapp if it's already been cached?
min and max
HTML5 attributes that can be used on input elements (like date, month, number, etc.) to define the limits of a range
FileReader
File API that provides read-only access to individual files
after()
jQuery method to insert content after the selected elements
url
HTML5 input type allowing the user to enter a URL
history.pushState(state object, title, url)
History API that adds a URL to the history stack
text
If the type of an input element is omitted, the browser infers it to be this
window.onpopstate
An event handler that is called when the history changes for a document in the browser window
number
HTML5 input type allowing the user to enter rational integers or float values
list
Use this attribute to bind an input element to a datalist element
history.back()
History API method to go back a page
watchPosition()
Geolocation API to request periodic updates of the user's position
dragover
Event specifying a drag operation has occurred
drop
Event specifying a drag operation has ended
history.state
History API that returns the state object at the top of the history stack
canvas.getContext("webgl")
The method to retrieve a canvas's WebGL context
prepend()
jQuery method to insert content at the beginning of the selected elements
append()
jQuery method to insert content at the end of the selected elements
text()
jQuery method that sets or returns the text content of selected elements
val()
jQuery method that sets or returns the values of form fields
HTML5 input type allowing the user to enter one or more e-mail addresses
remove()
jQuery method to remove and element and its children
FileList
File API that provides a directory list of file objects
Blob
File API that provides the ability to divide a file into byte ranges
history.go(n)
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.
attr()
jQuery method used to get and set attribute values. The method all can set multiple attributes simultaneously.
time
HTML5 input type allowing the user to enter a time (without time zone)
search
HTML5 input type allowing the user to enter text for a search query
history.length
History API to retrieve number of entries for the current window
history.replaceState(state object, title, url)
History API that replaces the current history URL with a different one, instead of adding a new one
before()
jQuery method to insert content before the selected elements
clearWatch()
Geolocation API to cancel watching the user's location
getCurrentPosition()
Geolocation API to retrieve the user's current location
range
HTML5 input type the user to enter numbers using a slider control
output
HTML5 input element that displays the result when a calculation is performed
dragstart
Event specifying the start of a drag operation
empty()
jQuery method to remove the children of an element, but not the element itself
datetime
HTML5 input type allowing the user to choose a date and time with a GMT time zone
date
HTML5 input type allowing the user to enter a date (without time zone) using a drop-down date-picker calendar
draggable="true"
Attribute and value to use on an element you want to be draggable
Section 4
(32 cards)