About
About Web Designer Wall
A free library of Bootstrap components and practical web design tutorials, online since 2007. Every snippet has a live preview and copy-ready code; every article shows how it is done with today’s HTML, CSS and JavaScript.
- Founded
- 2007
- Free snippets
- 528
- Rewritten articles
- 102
- License
- MIT
Three designs, one wall
Earlier designs as captured by the Wayback Machine.
Where it started
Nick La, a Toronto designer and illustrator, started Web Designer Wall in August 2007 as his personal blog about design ideas, trends and tutorials. It became one of the best-known design blogs of its era, as much for its hand-illustrated look as for its CSS and Photoshop tutorials. Since 2019 the site has been owned and run by Aigars Silkalns, founder of Colorlib, which publishes free and premium website templates and WordPress themes.
- 2007 Nick La launches Web Designer Wall as a personal blog about design ideas, trends and tutorials.
- 2009 The illustrated design and in-depth CSS and Photoshop tutorials draw thousands of comments a year.
- 2019 Aigars Silkalns takes over the site.
- 2026 Relaunch: a rebuilt snippet library, rewritten tutorials and a new design.
What changed in the relaunch
- One consistent snippet library. We rebuilt 524 components on Bootstrap 5.3.8 in a shared style, and 24 of them also have a Bootstrap 6 version. We retired the Bootstrap 3 and 4 code, because those versions no longer receive fixes.
- Rewritten articles. We rewrote the most-read tutorials and guides from scratch around modern techniques, with tested code. Articles with no lasting value were retired, and their URLs redirect to the closest current page.
- A read-only site. Accounts, the snippet editor and polls are gone. Comments are closed, and we kept the parts of the old discussions that are still useful.
How articles are written
A rewritten article keeps the topic and address of the original, but its content is new. We check facts about browser support, APIs and tools against primary sources: MDN, the specifications, web.dev and official vendor documentation. Browser support is given by Baseline status rather than by dates that go stale. When an article is revised substantially, its page shows an “Updated” date.
Using the snippets and articles
You can use every snippet in the library in personal and commercial projects under the MIT license.
Article text, illustrations and screenshots are copyright Web Designer Wall unless stated otherwise. You are welcome to quote an excerpt with a link back to the article. Please don’t republish whole articles.
Get in touch
Have you found a bug in a snippet, an outdated fact in an article or a broken link? Send us a message. We welcome corrections.
From the library
Every component has a live preview and copy-ready code.
Recently rewritten
All articlesBuild an Accessible Lightbox with the Dialog Element
Skip the jQuery plugin. A native dialog gives you the backdrop, focus handling and Escape key, and a few lines of CSS…
CSS @font-face Guide: WOFF2, Variable Fonts and Fallbacks
How to use @font-face today: ship WOFF2, use one variable font file, choose font-display deliberately, preload the critical file and build fallbacks…
@font-face and Web Fonts: Self-Hosting, WOFF2 and font-display
Use @font-face with one WOFF2 file, a variable font, font-display and a preload. Compare self-hosting with Google Fonts and Adobe Fonts, and…