CSS – @keyframes Rule
The @keyframes rule defines the animation timeline, which gradually changes from one set of CSS styles to another.
CSS – List of Flex Properties
This is a quick reference list of CSS flex properties used to create flex templates and style them for a responsive design.
CSS – List of Functions
This is a quick reference list of CSS functions and how they can be used to modify an element’s properties.
CSS – List of Grid Properties
This is a quick reference list of CSS grid properties used to create grid templates and style them for a responsive design.
CSS – List of Pseudo-Classes
This is a quick reference list of CSS pseudo-classes used to select HTML elements for styling.
CSS – List of Pseudo-Elements
This is a quick reference list of CSS pseudo-elements used to select HTML elements for styling.
CSS – List of Selectors
This is a quick reference list of CSS selectors and how they work in selecting HTML elements to apply styling.
CSS – @media Rule
The @media Rule describes CSS media queries to be used to define style rules for specific device types or a wide range of screen sizes and capabilities.
CSS – Predefined Color Names
There are 140 color names predefined in HTML/CSS. This list shows the 16 most common (and their HEX code and RGB value), followed by the full list of 140.
CSS – Style Types (bullets and numerals)
This is a quick reference list of CSS bullet and numeral types that can be used in an HTML list to replace the default list item marker.
CSS – Template
This is a CSS template to organize your styles by section, page, product, etc. It also has a sample link to import another style sheet, a sample link to Google Fonts, and several sample media queries.
CSS – Units of Length
CSS has several different units for expressing a length either as an absolute value or relative to another element’s value or the screen size itself.
JavaScript – Class Selector
A JavaScript selector can be used to target HTML elements by their class attribute.
JavaScript – All Elements Selector
The JavaScript querySelectorAll() selector method returns all elements that match a specified HTML tag or CSS class/ID.
JavaScript – Combination Selectors
In the following we have this HTML setup in our document and we want to select the third paragraph’s span tag.
JavaScript – First Element Selector
The querySelector() selector method returns the first element that matches a specified HTML tag or CSS class/ID.
JavaScript – #id Selector
A JavaScript selector can be used to target HTML elements by their id attribute.
JavaScript – Name Selector
A JavaScript selector can be used to target HTML elements by their name attribute.
JavaScript – Tag Selector
A JavaScript selector can be used to target HTML elements by their tag name.