Sentinel: Your Web-Performance Watchman

CSS Wizardry build-along #1

Written by on CSS Wizardry.

Table of Contents
  1. Follow along

Okay, so here we are, about to kick off the build-along. Make sure you are following me on Twitter at around 7pm UK time on the 4 November as I’m hoping to start the build-along around then. Thanks to Levi Flair for his PSD.

Thanks to everyone who sent a design in! I feel bad that I can’t do them all because the quality was really high. Sorry if I didn’t pick you, a lot more went into the decision than just looks; I needed to consider time-frames, aesthetics, complexity and suitability to the build-along format.

Follow along

Live code
You can watch the actual build take shape by periodically refreshing this page.
I’m actually going to be recording my screen throughout the whole thing, code, Spotify, Twitter, you’ll see it all. I’ll be putting this online a few days after (I won’t be doing a live screen-cast).
I’m going to commit build milestones to a GitHub repo periodically so you can see each major step of the build as it happens.
Follow me and keep an eye on the #buildAlong hashtag (please also use this for anything you Tweet about the event).

Feel free to Tweet at me whilst I’m working. This should be fun!

Did this help? We can do way more!

Hi there, I’m Harry Roberts. I am an award-winning Consultant Web Performance Engineer, designer, developer, writer, and speaker from the UK. I write, Tweet, speak, and share code about measuring and improving site-speed. You should hire me.

You can now find me on Mastodon.

Suffering? Fix It Fast!


  • inuitcss
  • ITCSS – coming soon…
  • CSS Guidelines

Next Appearance

  • Talk & Workshop

    WebExpo: Prague (Czech Republic), May 2024


I am available for hire to consult, advise, and develop with passionate product teams across the globe.

I specialise in large, product-based projects where performance, scalability, and maintainability are paramount.