Arrange a Masterclass

CSS Wizardry build-along #1

Written by on CSS Wizardry.

N.B. All code can now be licensed under the permissive MIT license. Read more about licensing CSS Wizardry code samples

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.
YouTube
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).
GitHub
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.
Twitter
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!

N.B. All code can now be licensed under the permissive MIT license. Read more about licensing CSS Wizardry code samples




By Harry Roberts

Harry Roberts is an independent consultant web performance engineer. He helps companies of all shapes and sizes find and fix site speed issues.


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!

Projects

  • inuitcss
  • ITCSS – coming soon…
  • CSS Guidelines

Next Appearance

Learn:

I help teams achieve class-leading web performance, providing consultancy, guidance, and hands-on expertise.

I specialise in tackling complex, large-scale projects where speed, scalability, and reliability are critical to success.