← Design system

Semantic inlines

A specimen for each inline semantic element content authors can reach for. Markup-first: pick the tag that matches the meaning; styling follows. For browser-driven highlights (selection, find-in-page, scroll-to-text), see highlights.

strong

Before you deploy, always pull the database from live first — working against a stale local copy is how bad decisions get made.

em

The goal of the first module isn't speed; it's understanding what the browser is actually doing with your markup.

s

Office hours meet every Tuesday at 4pm Wednesdays at 10am starting this term.

code

Once your commit looks right in Tower, push with git push and SpinupWP will handle the rest.

mark

Skim the whole workshop first, then come back and read the section on specificity carefully — that's the part most students need to revisit.

kbd

If the terminal gets stuck in a runaway process, press Ctrl+C to cancel and get your prompt back.

var

Rename your-project-name to whatever you'd like the folder to be called on disk.

samp

If the install worked, the terminal will print Happy hacking! on the final line.

dfn

A selector is the part of a CSS rule that tells the browser which elements the declarations should apply to.

abbr

We lean on CSS custom properties instead of a preprocessor for most theming work these days.

cite

The mental model in Resilient Web Design still holds up — progressive enhancement isn't a trend, it's the job.

q

One student put it well last cohort: I didn't realize the browser was doing so much for me until I tried to replace it.

a (in-site)

Internal links stay underlined and get no indicator — the destination is part of our programs catalog and stays in this tab.

a (external)

External links show a small arrow so readers know they're leaving — the spec for custom elements lives at the WHATWG HTML spec.

a (new tab)

Anything authored to open in a new tab shows the same arrow regardless of host — for example, opening the dashboard in a new tab while keeping this page in view.