A course from Piccalilli

Take your CSS skills beyond the next level

Go beyond syntax expertise and reach a level of skill that’s usually only achieved after years of experience. Embrace a more efficient method of extremely maintainable, organised and flexible CSS, rooted in core skills with this expansive, inclusive course by Andy Bell.

Senior level CSS developers are so much more than syntax experts

You can spend all the time in the world focussing purely on your CSS knowledge, however, top level front-end development is about so much more than just writing code. It’s about communication, planning and pragmatic execution. I’m going to teach you these fundamental core skills — often described as “soft skills” — which will push you beyond the next level.

These core skills will help you to simplify design concepts and work iteratively with designers rather than the common, and highly flawed approach of static design handover, where you’re handed a Figma file and expected to build a “pixel perfect” website.

I’m going to teach you to excel in this approach as well as introduce you to a more circular system, rooted in efficient communication and planning strategies that will push yours and your colleague’s abilities and output to a level you never thought possible. You’ll learn all of this while also working with the browser, rather than against it.

You’ll learn all of these skills with a real world, guided front-end development project using semantic HTML and modern CSS capabilities. This project context allows me to teach you about CSS methodologies, pragmatic decision making, leaning into the browser and how to make stuff look really good too.

If you’ve spent your career writing CSS and wishing it was easier, let me tell you: it is really easy when you approach it like I do. I’ll prove that to you throughout the course and when you’re finished, you won’t be same developer as when you started. I can promise you that.

— Andy

Whilst the industry trends towards more and more complexity, Andy is a master of stripping things back to basics and building back up in a way that is both intuitive and inspiring. He writes the kind of elegant, pragmatic CSS that I wish I'd known about sooner.

Fortunate then, that Andy is also a gifted writer and teacher; no matter your experience, if you have the opportunity to learn from him, you're sure to come away with both a new perspective and a deeper understanding.

Robb Owen, Freelance Front-End Developer

Andy is one of those rare people with a lot of real-world experience who’s then able to take all of that, break it down and present it in easy to understand ways, letting us all benefit from that experience. I’ve learned a tonne from him over the years.

Kevin Powell, Educator and CSS evangelist

Resilient CSS design enables web content strategies to scale because engineers and designers can work effectively together and focus on delivering value rather than endless rework. If you learn those fundamentals from Andy, you’ll learn it from one of the best.

Hazel Weakly, Principal Architect, Datavant

Why take this course?

Benefits
  • Education from an industry expert

    Your instructor Andy Bell doesn’t hold back in sharing hard-won insights gained through 15+ years in the industry as a high level CSS consultant and developer for huge global brands such as Harley-Davidson, Google and Oracle. Andy’s a leading advocate for progressive, resilient CSS, and the founder of Piccalilli and Set Studio.

    More about your instructor

  • Learn to write truly responsive and resilient CSS

    You’ll gain a deep understanding of how to be the browser’s mentor rather than its micromanager. By utilising flexible, algorithmic layouts, fluid typography and space, and progressive enhancement, you’ll learn to build experiences that truly work for everyone, all whilst working with the most modern CSS capabilities.

  • Completely transform your whole workflow

    From creating a sketch-up document where you pull a design apart into organised pieces to using prototypes to effectively communicate oversights, there’s a bucket-load of useful content to change your thinking and enhance the CSS you produce. Andy will walk you through his entire workflow and approach, from end to end.

  • Gain senior level skills that will elevate your career

    You’ll learn highly transferable skills that go way beyond CSS, enhancing your work across all levels of planning, communication and execution. These are the skills that will elevate your confidence, help you work more effectively with your team, and push your career forwards.

  • Build a stunning website with a full, real world project

    Tutorials and demos only get you so far in your progression pathway. In this course, Andy will guide you through a simulated real-world project designed specifically to sharpen your skills at every step, delivering a stunning home page for a brand new, fictional barista academy in London.

  • Highly accessible, mixed media content

    Andy’s renowned for breaking complex topics down to make them easy to digest and understand. Expect plenty of interactive elements, demos and videos interspersed within the written content to help the lessons really sink in. All updates are free forever, including new content.

We’ll build a stunning website together

What we’ll build

This course contains over 51 lessons, split into 8 modules. centered around an end-to-end real-world project. With Andy as your guide, you will produce the beautifully designed website below, alongside a pattern library and CSS system, for our fictional client Bloom Barista Academy.

Demo

You won’t be the same developer after completing this course

Fast-track your progress

A bold statement, sure, but the content Andy teaches in Complete CSS is more than just another course teaching syntax expertise — it’s a distillation of everything he’s learnt in building a successful career in our industry.

In this course you will fast-track through skills that are usually only picked up from years of experience, building high-level design work. You can use those new skills to progress your own career with promotions and new opportunities that you previously thought were out of reach.

Take the course for just £249

Let’s get you to a level in development that you never thought would be possible.

You want to learn CSS from someone who thinks about it systemically like Andy does. CSS has to interact with not only with itself but with HTML and JavaScript. Treating CSS as a welcome overlord to your website’s look brings [taps fingertips together] great power.

Chris Coyier, Co-Founder, CodePen

Andy has an unparalleled understanding of CSS that feels philosophical — he knows not only what strategies work, and what strategies work best, but why they work, in a way that’s both methodical and inspired. His approach to style code cuts through the noise, intoning a clear chord of structure, progressive enhancement, modernity and flexibility. Most of all, Andy’s teaching allows folks to feel empowered by CSS, not chafed or bedevilled by it.

Henry Desroches, UX Developer, YouTube

Andy has become a prolific voice in the front-end community, evoking the same core values I hold towards utilising standard CSS and HTML to build performant and accessible interfaces. I would highly recommend this course if you’re looking to transform your CSS experience.

David Darnes, Senior Engineer, Shopify

15+ years of elite level experience distilled into 51 lessons and 8 modules

Curriculum overview

Andy has collated his experience teaching, architecting and delivering CSS for global organisations and startups into a truly extensive course. Here’s an overview of every lesson, including the 8 lessons that are free to read so you can get a real feel for the course and the material.

See all the modules and lessons
  1. Intro

  2. Principles

  3. Planning and feedback

  4. Design prototyping

  5. Core build

  6. Flair pass build

  7. Page compositions

  8. Wrapping up


Frequently asked questions

Let’s clear up any worries you might have with some quick-fire answers.

  1. What skills do I need to have?

    All you need for this course is fundamental skills in HTML and CSS. I’ll explain everything with language that is easy to understand. You can get support from your peers and myself in our exclusive Complete CSS Discord community.

  2. I’m a senior level developer. Is this course worth taking?

    You know, as a senior level developer, better than anyone that your job is not to code the best, but to impart solid principles and standards on the team you work with.

    It’s also your job to make sure the approach to authoring CSS is as flexible and maintainable as possible, so with all of that in mind, yes, this course is worth taking.

  3. What other courses/books have you written?

    I co-authored Every Layout and wrote the first edition of the Learn CSS course by Google. I also wrote Learn Eleventy From Scratch which is now available to everyone for free.

  4. Is there a set timeframe to complete the course?

    The course is a mixed-media course with no timeframe. You can start whenever you like and pick it up when you have time available. There’s no set cohorts or timelines to work to.

  5. How long does the course take?

    Our advice is that the course should take around 12-20 hours to complete. Because this is a mostly written course, and people’s reading speeds are different, your mileage might vary, however.

  6. What’s the refund policy?

    We’re confident that you’re going to get a lot of value from this course, but if you are not happy with your purchase within 14 days, please get in touch and we’ll refund your purchase in full.

  7. The price is in GBP, does that mean it’s UK only?

    Not at all, it’s for everyone, globally. We charge in GBP because we are a UK-based company. Stripe, our payment processor, will charge you in your local currency.

  8. Do you offer Purchasing Power Parity (PPP)?

    If you’re coming in from a supported PPP country, you’ll see a discount code before you check out. If there is a promotion running — for example, a launch discount — we will present the cheapest price for you; either PPP or promotion discount. PPP discounts are applied to the full price of the course.

    If you’re coming in from a country that normally receives a PPP discount but we haven’t provided a discount code, please get in touch and our support team will be more than happy to help you out.

  9. Do you offer bulk discounts for companies?

    We do indeed! Head over to our company licences page to see our available discounts, order your company licence and see options for more complicated billing needs (don't worry, we get it).

  10. I don’t have a credit or debit card and you use Stripe for payments

    You can now use PayPal, directly via Stripe along with various other options. We’ve turned on all the switches but if none of the options work for you, get in touch and we’ll find a way for you.

  11. Can I pay for the course monthly?

    We don’t directly have a mechanism for paying for courses in parts, or a monthly subscription, but via Stripe, PayPal will enable you to pay over three months. There’s also options such as Klarna, via Stripe.


About your instructor

A course by Andy Bell

Hi, I’m Andy Bell, a designer, front-end developer, design agency founder and the founder of Piccalilli, based in the UK.


What others say

Need more convincing? Over 1,800 others have taken Piccalilli courses — here’s a handful who have transformed both their CSS and core skills with Complete CSS.

Unlearning old, bad CSS habits and replacing them with shiny new ones, with Andy Bell’s Complete CSS course. He said it took a year to produce, and you can tell. It’s outstanding. 🤩

Rick

The content is wide-ranging, practical, and human-centered, just like the web at its best. The presentation and pacing are spot on too.

Alec

The Complete CSS course truly lives up to its name. I would even call it Beyond CSS!

Casey

It feels like I’ve given myself a tremendous gift that I can now put into immediate practice on my portfolio. Thank you to the team for the hard work!

Asia

Andy, this course has been brilliant! Well done!!! So good. Thank you, again, for this! Wonderful work!

Brian

The course really did change how I wrote CSS and I’m pushing a major refactor of an existing site’s CSS at work — thank you!

John

Let’s take your CSS skills further than you ever thought possible

Take the course

With Complete CSS, our aim is to help you achieve a level of skill that's usually only achieved after years of experience, and use what you’ve learned to advance your career.

Take the course for just £249

What you get:

  • Support and community

    Everyone who purchases Complete CSS gets access to an exclusive Discord community where you can get support from your instructor and your peers.

  • Comprehensive, structured learning

    The course is delivered in an accessible, mixed media format that’s easy to consume and easy to pick up where you left off.

  • Lifetime access

    Pay once and get lifetime access to all the current and future course material.

  • A certificate of completion

    It’s really important for some organisations that you get a certificate of completion. We’ve got your back with that.

  • Customer support

    Our customer support team are ready to help out with queries whenever you have them.

  • Effective use of training budgets

    You’ll learn transferable and high quality, applicable skills, making this a sound investment of your training budget.

Join over 1,800 others, taking our courses to super-charge their career prospects, for just £249

Price excludes sales tax/VAT where applicable. Tax will be calculated at checkout for you.

Enter the email that you want to access your course with and we’ll send you to Stripe to complete your purchase, where you can also apply coupon codes.

Already purchased Complete CSS? Log in

This course is brought to you in partnership with Piccalilli

Browse more courses