The Course

CSS For Designers is here to help you better understand the code you write. If you find writing CSS is a headscratching experience, this course is for you.

CSS is an increasingly powerful language with new features being added on a regular basis. Many of these developments help to solve longstanding CSS problems, including:

  • Making centering easier
  • Allowing fixed-height images to be responsive
  • Setting variables in CSS
  • Styling text underlines

On top of this, the wider understanding of existing CSS has improved a great deal, too. This has led to the publication of techniques that make it easier than ever to create consistency in the CSS we write.

Who this course is for

CSS For Designers is for anyone who uses CSS and wants to upgrade their knowledge of how it works. In particular, this course is aimed at self-taught designers and developers who feel there are some fundamentals they don’t fully understand.

One of the glorious features of the internet is view-source which has founded the careers of many designers and developers. Whilst I loved learning about the web through this tool, there were many core CSS concepts I didn’t learn until many years down the line.

Much frustration could have been avoided if I’d had a better understanding of flow, the different types of block elements and lots of other things.

This course is also for designers using frameworks or templates to get their developments off the ground. When you’re overriding other developer’s code, it’s important to understand what’s already been written so you can make changes with as little additional code as possible.

This isn’t always easy, but the better you understand the power of CSS, the easier it becomes. This is especially true if you’re not able to change the underlying HTML.

What you’ll learn

The course combines explanations of CSS techniques with practical examples to help you see how what you’re learning can be used in real life.

The course is divided into four sections:

Fundamentals

This section makes sure everyone’s on the same page. You’ll look at HTML and introduce key CSS concepts like Boxes, the Cascade, Inheritance, Units, Specificity and other things.

Selectors

You’ll learn how to target different elements using everything from Type selectors and Classes through to more advanced selectors.

Blocks

After introducing the Box Model, you’ll look at different ways to layout content, including Floats, Flexbox and Grid. All accompanied with useful examples, of course.

In The Wild

Taking everything you’ve learnt so far, you’ll look at techniques to achieve consistency in your designs. This section also covers some common CSS gotchas, that even catch experienced developers out.

NB: The course touches on Flexbox and CSS Grid, but it won’t be an in-depth guide to layout. That’s a massive topic that requires a course of its own.

Assumed knowledge

This course assumes you understand, or have written, some basic HTML and CSS before.

Familiarity with CodePen is a plus, so you can fork examples and play around with them.

Early access

Early access to the course is available now for a discounted rate.

What do you get as an early access purchaser?

  • A big discount on the course
  • Early access to the course: the content will be released in sections
  • A chance to shape the direction of the course through your feedback
  • Lifetime updates to course material

Purchase Early Access

Early access to the course is available now with 30% off (£99 instead of £149).

Purchase

My background

I’m Dave Smyth and I’m a web designer based in London.

I started learning how to code websites in 1999. In those days, all styling information was included in the HTML documents (hello style="font-size: 24px;"), everything was based on tables and DHTML was a thing.

I trained as a musician and didn’t focus on the web for a few years. When I returned everything had changed.

Like many people, I was self-taught and pieced together my knowledge based on books, view-source, and online guides. This worked for the most part, but I’d regularly be searching for answers about unexpected behaviour.

A few years ago, I was asked to teach a beginner’s HTML/CSS course and suddenly it wasn’t enough simply to know that something will work: I needed to be able to explain how and why in lots of different ways.

Teaching the course also showed me how CSS can be misinterpreted and what the common stumbling blocks are. Outside of the course, I’m regularly asked similar CSS questions and this course is here to help.