Web Design & UX

CSS Framework

Quick Definition

A CSS framework provides pre-built styles, components, and layout systems — Bootstrap, Tailwind CSS, Bulma, and others.

In context

Tailwind CSS dominates modern projects in 2026 with its utility-first approach. Bootstrap remains popular for rapid prototyping and admin interfaces. Custom design systems often combine framework conventions with brand-specific theming.

Have a question this didn't answer?

Book a free 60-minute strategy call. We'll explain how this concept applies to your specific situation.

Book a Free Call Browse 50+ Detailed Answers

Related terms

Touch Target Size

Touch target size is the clickable / tappable area of an interactive element — for accessibility and mobile usability, recommended minimum is 48×48 CSS pixels with at least 8 pixels separation from adjacent targets.

ARIA (Accessible Rich Internet Applications)

ARIA is a set of HTML attributes that improve accessibility for dynamic content and complex UI components, especially for screen reader users.

UX (User Experience)

UX covers everything that affects how a user feels when interacting with a product — usability, clarity, performance, accessibility, and overall satisfaction.

Mockup

A mockup is a high-fidelity visual representation of a page, showing colours, typography, imagery, and final design — but not interactive.

Hero Section

The hero section is the large above-the-fold introduction at the top of a page, typically containing the main headline, subheading, primary CTA, and key visual.

Web Accessibility (a11y)

Accessibility is designing and building websites that work for all users, including those with visual, auditory, motor, or cognitive impairments.

Back to all terms