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.
Not only is Andy adept at creating responsible, resilient and scalable CSS systems, he’s also jolly good at communicating and teaching others how to build a more responsive and accessible web.
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
Education from an industry expert
Your instructor, Andy Bell has over 15 years of industry experience, and has provided high level CSS consultancy and development for some of the largest brands in the world. Some of these brands include Harley-Davidson, Google, the NHS and Oracle. He’s also worked with smaller, but hugely exciting startups with the agency he founded, Set Studio.
Learn to build a truly responsive and resilient front-end
You will learn to be the browser’s mentor rather than its micromanager by utilising flexible, algorithmic layouts, fluid typography and space, and progressive enhancement, 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.
Learn transferable skills
The core skills I teach aren’t just applicable to writing CSS because they’re highly transferable. They’ll make you a better colleague and help push your career forwards in the right direction.
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, we’re going to work through a guided, simulated real-world project that delivers a stunning home page for a brand new, fictional barista academy in London.
Accessible, mixed media content
The course content has been written in a way that will make it as accessible and digestible as possible. There are interactive elements, demos and videos included within the written content to really help solidify your knowledge, and most importantly, for it to sink in. All content updates are free forever, including new upcoming bonus content.
There are over 51 lessons, split into 8 modules. We will produce the below stunning website, pattern library and CSS system for a fictional client, Bloom Barista Academy.
Demo
A bold statement, sure, but the content I’m teaching is the baseline of what’s helped me to be successful 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 £249
Let’s get you to a level in development that you never thought would be possible.
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.
Andy’s talk on being the browser’s mentor, not its micromanager was (and still is) formative to my current understanding of CSS and responsive web design. He understands the grain of the web.
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.
Hi, I’m Andy Bell, a designer, front-end developer, design agency founder and the founder of Piccalilli, based in the UK. I have worked in the design and web industries for over 15 years, and in that time, I have worked with some of the largest organisations in the world like Google, The NHS, Harley-Davidson and Oracle. I’ve also worked with well-known brands such as BSkyB, Unilever, The Natural History Museum, British Cycling, Capita, Vitality and VICE Media.
Over the years I have worked on both extremely large projects for huge organisations and tiny projects for small startups. This has given me a lot of experience of a large variety of project types. It also means that I’ve worked with a lot of teams of various sizes, each who have their own constraints and goals. Projects I’ve worked on vary from huge design systems, creative campaigns, complex content systems, branding and of course, websites.
I mostly specialise in CSS — whether that is consultancy, writing a course for Google, co-authoring a book on CSS layout, or creating a methodology to help people write better CSS. A big chunk of the studio’s client work involves us applying this experience to help teams write better CSS — often by helping them create a design system.
You can check out my articles on Piccalilli, catch up with me on Bluesky, LinkedIn or my personal site.
Complete CSS features 51 lessons over 8 modules. Here’s an overview of the core 6 modules.
Principles
I believe in the impact of soft skills so much I call them core skills. These core skills are the foundation of scalable and maintainable code. This is particularly the case with CSS where designers and developers should work closely together. When they do — implementing strong core skills — it results in simpler, and more useful user interfaces that work for everyone.
Planning and feedback
Just like with core skills, planning and feedback is fundamental in achieving scalable and maintainable code. In this module, we learn to plan our build while also identifying any problems with the designs so that we can feed those back to our designer colleague, effectively. We then iterate to create better strategies and approaches for the upcoming production build.
Design prototyping
More often than not, we will be presented with a real ‘head scratcher’ situation in a project. Prototypes are a great way to work through tricky problems in a low risk environment. We learn how to effectively prototype using disposable HTML and CSS, then apply our new knowledge to a difficult layout problem in our project.
Core build
With all of the fundamental work completed, we separate our build into Core and Flair passes. The Core build is where we lay the foundations of a solid front-end with global CSS and reusable patterns, using the CUBE CSS methodology. This solid foundation will not only set us up for the more creative Flair pass, but it will also set our project up for the future with a well populated pattern library.
Flair pass build
Now that we have a solid foundation in place — thanks to our Core build — we can tackle the more creative patterns and nice touches, knowing that we're on very sturdy ground. This is the fun part of the course with lots of handy CSS techniques to learn.
Page compositions
The pattern library is now complete and we have a system of reusable patterns to compose page layouts with. All of our hard work comes to fruition within this module. In any pattern library or design system build, being able to very quickly compose resilient pages is a truly great feeling. You will get to experience this in this final, core module, while using our new core skills to work through any designer snags we could be presented with.
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
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.
Andy consistently delivers amazing work — and this course looks to be no exception. Pry open that wallet and find some best practices that do work.
Take the Complete CSS course
Add your email and we will hand you over to our payment provider, Stripe who will charge you in your own currency. If you are purchasing as a business, please select the “purchasing as a business” checkbox to add your Tax ID. Once the payment is complete, we’ll send an access link to this email, where you can begin the course as and when you’re ready.
Loading, please wait…
Secure payments provided by Stripe
Already purchased Complete CSS?
Add your email address and we’ll send you an access link so you can pick up where you left off.
Loading, please wait…