Title Tips
Core has no tooltip and no glossary: the nearest is the HTML abbr title, which only shows after a mouse rests on it and never on a keyboard or phone. Title Tips adds a Tooltip button to every text toolbar — the definition appears on hover, keyboard focus or tap, can be hovered, closes with Escape and never gets cut off by its container — and a glossary block: terms and definitions sorted A to Z, letter headings, an A–Z jump bar, a live search box, four layouts and definitions shown always, opened on click or as tooltips.
Ready-made patterns
Inserter → Patterns → Moduly.
Website glossary
Plain-English definitions of the words you will hear while building a site.
A
- Above the fold
- The part of a page visible before scrolling.
- Alt text
- A short description of an image, read aloud by screen readers and shown when the image cannot load.
B
- Breadcrumbs
- A trail of links showing where a page sits in the site, such as Home › Blog › Post.
C
- Call to action
- A button or link that asks the visitor to do one thing, like Sign up or Buy now.
- CDN
- A content delivery network: copies of your files on servers around the world, so pages load quickly everywhere.
- Conversion rate
- The share of visitors who complete a goal, such as buying or subscribing.
D
- DNS
- The system that turns a domain name into the address of the server that hosts the site.
F
- Favicon
- The small icon shown in the browser tab next to the page title.
H
- Hero
- The large opening section of a page, usually a headline, short text and a button.
L
- Lazy loading
- Loading images only when they are about to scroll into view.
P
- Permalink
- The permanent web address of a post or page.
S
- Slug
- The part of a web address that names one page, written in lowercase with dashes.
- SSL
- The certificate that lets a site use
https, so data is sent encrypted.
W
- White space
- Empty space around content that makes a layout easier to read.
Coffee words, explained
- Espresso cut with an equal amount of warm milk.
- The golden foam on top of an espresso, made of oils and tiny bubbles.
- A double espresso with thin, velvety steamed milk.
- Coffee made by pouring hot water by hand through grounds in a filter.
- Coffee from one farm or region rather than a blend.
- Beans with the fruit removed before drying, for a clean, bright taste.
How a page reaches you
When you type an address, your browser asks the DNS where the site lives, then fetches the page over SSL. Images often come from a CDN, and the ones further down arrive only as you scroll, thanks to lazy loading.
Words used on this page:
- CDN
- A content delivery network: copies of your files on servers around the world, so pages load quickly everywhere.
- DNS
- The system that turns a domain name into the address of the server that hosts the site.
- Lazy loading
- Loading images only when they are about to scroll into view.
- SSL
- The certificate that lets a site use
https, so data is sent encrypted.
More designs
Table · definitions beside the terms · links on the terms · no letters
List · definitions as tooltips below · pill terms · dark green tooltip
A
- Annual
- A plant that lives for one season.
D
- Deadheading
- Cutting off faded flowers so the plant makes more.
H
- Hardy
- Able to survive frost outdoors.
M
- Mulch
- A layer over the soil that keeps in moisture and keeps out weeds.
P
- Perennial
- A plant that comes back every year.
Tooltips in running text, each look: dotted, dashed, highlight and icon; one can sit on a link too.