H.ope T.his
M.akes L.ogic
M.akes L.ogic
This specific HTML tag is used to create a hyperlink to another page.
What is anchor tag (anchor element, or <a>)
This CSS property defines the space between an element's content and its border.
What is padding?
This panel, located on the left, is where you add divs, headings, and images to your page.
What is the Navigator?
This format is best for graphics requiring transparency, such as icons or logos, but is usually not used for photographs.
What is PNG?
Bonus: What does PNG stand for?
This 4-letter term describes the space between two specific characters; as a grad, you'll now be judged for not fixing it on your resume.
What is Kern (or Kerning)?
This tag is used to group content together into a block-level element for styling or layout.
What is a div?
In CSS, this symbol is used at the start of a selector to target a specific class.
What is the period? (or dot)
To activate flexbox, you must change this setting on the parent element.
Hint: It's with Display: Block
What is Display: Flex?
This is the primary reason why PNG is preferred over JPG for website logos.
What is transparency (or supporting alpha channels)?
This French term Oeuvre refers to a collection of a work; which should probably omit that one cool poster from your sophomore year
What is a Portfolio?
This is the character used to distinguish a closing tag from an opening tag.
What is the forward slash ( / )
This type of 6-digit value, preceded by a # sign, is used to identify specific colors.
What is hex-code? (or hex color code)
This panel, located on the far left of the Designer, is where you upload and manage all your image files.
What is the Assets Panel?
This file format, often used for logos and graphics, uses mathematical paths rather than pixels, allowing it to scale to any size without losing quality.
What is SVG?
Bonus: What does SVG stand for?
This common image file format is "Lossy," meaning it loses quality every time you save it—kind of like a designer’s soul after the 10th round of revisions.
What is a JPEG?
Bonus: What does JPEG stand for?
This CSS property controls the space inside an element, between content and border.
What is padding?
This CSS property is used to change the thickness of text, such as making it bold.
What is font-weight?
This allows you to apply the same styling to multiple elements, ensuring consistency across your site.
What is a class?
In digital design, it measures screen resolution as the number of these tiny, colored squares packed into one inch.
What is PPI?
Bonus: What is does PPI stand for?
Named after a mathematical curve, these "handles" are what you use to manipulate paths in Illustrator—and likely what gave you carpal tunnel in junior year.
What are Bézier curves?
The acronym HTML stands for
HyperText Markup Language
This CSS property is used to change the color of text.
What is color?
The distance outside of an element's border, used to create space between elements.
What is margin?
This absolute unit of measurement—represents a fixed-size, single screen dot.
What is PX (or pixel).
This "destructive" move in Photoshop involves compressing your layers before closing your file. A move that most graduates regret moments later
What is Flattening? (or Merging Layers)