Pull Quote

A brief snippet taken from the text of an article.

More terms you might want to know

GIF

A file format that supports both static and animated images. It is a popular file format on the internet and social media due to its wide colour support, portability, and animating capabilities.

Terminal

The end (straight or curved) of any stroke that doesn’t include a serif. Some typefaces feature ball terminals on letters such as the ‘f’, ‘a’, and ‘c’.

ID

A selector that can be applied to any HTML element. ID should be used when designing for a single instance, such as using the id="main" attribute on an <h1> tag.

Avatar

A graphical representation of the user on a device, used to represent various users in different contexts. It can be a photo, image or drawing.

Pagination

A technique used to sequentially present items in a list or other data set that are too long to display at one time.

Flat Design

A design style first introduced by Microsoft Design Language based on minimalism and simplicity. This newer trend focuses on reducing nonsensical designs and makes the content more accessible for all users.

In this way of designing, fewer elements are used to create shapes and less emphasis on gradients and textures. This modern trend moves away from skeuomorphism. Instead, it focuses on a realistic view or illustration with buttons and icons appearing flat with no shadows.

Grid

A system of columns and rows designers use to create layouts. It's used in graphic design and web development to align elements for easy use on the page. Grids are a key part of design because they help you create balance, rhythm, proportion and hierarchy in your layout.

Heatmap

A graphical representation of the density and distribution of data points. Denser regions in the image are interpreted as the data points' frequency, while lower densities are interpreted as fewer data points in that area.

Heatmaps show you where people worldwide are clicking on content to help you understand how people interact with your website designs and content.

Dark Pattern

A type of user interface design carefully crafted to trick people into doing things they might not want to do.

Class

A selector that can be applied to any HTML element. Classes should be used when designing for multiple instances. For example, if you want all <h1> tags in the website to look blue, then you could use the class="blue-text" attribute.

Problem?

Got a suggestion or found an issue with the glossary?
Let me know!