Design
Good design goes beyond appearance. Typography, layout, usability, and the small decisions that make digital experiences feel right.
Browse 30 articles in this topic. View all topics.
- One Font File, Many Weights: Variable Fonts
Use one variable font file to cover a range of weights, widths, slants, and other typeface variations.
- What's different about OpenType and TrueType fonts?
The practical difference between OpenType and TrueType fonts, including outlines, typographic features, and compatibility.
- Illustration libraries for websites and apps
A practical list of customisable, free, and commercial illustration libraries for websites and apps.
- The hidden fonts included with macOS Catalina
macOS Catalina includes optional fonts from Commercial Type and Klim Type Foundry, but you need to download them in Font Book.
- The web open font format (WOFF)
A practical overview of WOFF, the compressed font container designed for use on the web.
- Which Font Files Does a Website Need?
Choose website font files by format, weight, style, and licence. Use WOFF2 deliberately, add fallbacks when needed, and check the actual loaded face.
- Responsive web design starts with flexible defaults
Build responsive layouts with flexible CSS, useful breakpoints, and images that fit the screen without wasting bandwidth.
- Monospaced Fonts for Coding
Compare monospaced fonts for coding with a character sample, current project links, licensing checks, and choices for ligatures, weights, and spacing.
- Designing a Website Layout People Can Actually Use
Practical layout choices that make a website easier to scan, read, navigate, and use across different screen sizes.
- Open-Source Email Templates Worth Knowing About
Open-source HTML email templates and frameworks that give you a practical starting point for client-compatible email.