Assign named regions to grid cells, laid out like an ASCII-art template

Set only the number of columns in the grid

Changes the item's stacking (z-index) order above siblings

Changes the visual order the item appears in, independent of its source order in the HTML

Sets how much the item grows relative to other flex items

It is removed from the tab order entirely

With a distinct active class or style, often paired with aria-current="page"

By turning it into a disabled link with no visual difference

Text labels are hidden and only icons remain, often with tooltips for context

The sidebar is removed from the DOM until it's reopened

It speeds up rendering by limiting page reflow

It's required for CSS entrance animations to run

It prevents Tab from moving focus to elements behind the modal, keeping keyboard users inside it

It permanently replaces images to save bandwidth

It shows a shape approximating the eventual content while data loads, reducing perceived wait time

Set the parent to position: relative and the tooltip pseudo-element to position: absolute

Converts each image into a CSS background-image only

Replaces the thumbnail with a downloadable file link

Opens a clicked thumbnail in an enlarged overlay above the page content

A fixed timer that fires every few seconds regardless of scroll position

Detecting that the user has scrolled near the bottom of the page or container

CSS alone changes which characters are displayed

JavaScript toggles the input's type attribute between "password" and "text"

The browser handles it automatically for every password field

Visually hide radio inputs and style their sibling labels as buttons

Use several independent checkboxes with no grouping

Use an ordered list containing only anchor tags

Two identical buttons that trigger the same action for redundancy

A button that changes into two colors on hover

A primary action button paired with an adjacent caret button that opens a dropdown of related actions

Removes only the most recently applied filter

Hides the filter panel without changing the displayed results

Resets every active filter and re-displays the full unfiltered list

How To Quiz