Web Design
Creating a Living Style Guide Page for Your HTML Template
Learn how to build a living style guide HTML page inside your Bootstrap 5 template project to keep UI patterns, colour tokens, and…
Read Article
Web Design
Web Design
Bootstrap 5 Scrollspy for Long One-Page Sites
Learn how to set up Bootstrap 5 Scrollspy for one-page sites: fixed navbar offsets, rootMargin, active link styling, and when not to use…
Read Article
Web Design
@use vs @import: Modernising Your Bootstrap 5 Sass Workflow
Learn how to migrate from @import to @use in Bootstrap 5 Sass before Dart Sass 2.0 removes @import. Practical steps, code examples, and…
Read Article
Web Design
Multilingual Static Sites: Folder Structure, hreflang and Language Switchers
Learn how to structure a multilingual static site with locale folders, write correct hreflang tags in HTML, and build accessible language…
Read Article
Web Design
Theming One HTML Template for Multiple Client Brands with CSS Variables
Learn how to theme one HTML template for multiple client brands using CSS variables. Token architecture, Bootstrap 5 overrides, and Canvas…
Read Article
Web Design
Customising Bootstrap 5 Breakpoints and Grid Gutters with Sass
Learn how to override Bootstrap 5 custom breakpoints and grid gutters using Sass maps and variables, with real code examples and common…
Read Article
Web Design
Build a Resume Site with the Canvas Resume Demo
Learn how to build a resume website using the Canvas Resume demo: hero setup, skill bars, portfolio grid, contact form, and SEO tips for…
Read Article
Web Design
Fluid Typography in Bootstrap 5 with clamp() and CSS Variables
Learn how to combine CSS clamp() with Bootstrap 5 CSS variables to build a fluid typography scale that scales smoothly across every…
Read Article
Web Design
Converting Icon Fonts to an SVG Sprite in an HTML Template
Learn how to replace icon fonts with an SVG sprite in a Bootstrap 5 HTML template. Step-by-step guide using Bootstrap Icons 1.11 and…
Read Article
Web Design
The Complete Guide to Building Websites with Bootstrap 5 in 2026
The complete Bootstrap 5 guide for 2026: project setup, grid mastery, JS components, CSS variables, performance optimisation, and when not…
Read Article
Web Design
Serving WebP and AVIF Images from a Static HTML Template
Learn how to serve WebP and AVIF images from a static HTML template using the picture element, srcset, and sizes for faster Core Web Vitals…
Read Article
Web Design
How to Implement a Bootstrap 5 Pricing Table That Converts
Learn how to build a Bootstrap 5 pricing table that converts, with responsive layout, billing toggle, featured plan highlight, and…
Read ArticleBuild your website free with Canvas Builder
Launch a complete Bootstrap 5 site, blog included, without writing a single line of code.