Inner Circle
Join 1500+ Web Developers, Agency Owners, & Freelancers
What You'll Learn
A Simple & Repeatable ‘5s’ Approach to Modern Web Development
Structure
All patterns, components, pages, and templates start with basic structure. This consists of the placement of boxes on the page, grouping associated content, and arranging boxes to work seamlessly with modern styling principles.
Semantics
Quality web development is about communicating accurate meaning through strategic HTML choices. Semantic tags like article, nav, and button encode information that makes content accessible, searchable, and functional across all contexts and devices.
Selectors
Before you can style something on the web, you need to select it. Mastering CSS selectors—from basic elements and classes to complex combinators and specificity rules—is fundamental to targeting exactly what you intend and avoiding errors and collisions.
Styling
Styling on the web requires a streamlined, organized approach. With clear naming conventions, intelligent tokenization, and relational "tie-ins," your styling becomes predictable, maintainable, and adaptable as projects grow and evolve.
Systems
Systematic development is what separates static, one-off pages from dynamic, scalable architectures. Understanding how to manage content, control areas of a site with templates, loop through data, apply conditional logic, and properly relate items, empowers you to build sites that adapt and scale efficiently.
How to Participate
Let’s Get Started!
In just a few short weeks, you'll learn my repeatable '5S Framework' for building anything on the web—from complete sites built from scratch to surgical edits of existing patterns and templates.
It's going to feel like drinking from a firehose, but I can promise you this: we're not going to waste a single second learning the proprietary language of a random page builder. What you're going to learn is the universal language of web development in a visual interface.
For this reason, I recommend you follow along with the same tool I'm using: Etch. It's a modern, unified development environment for WordPress that speaks the language you're trying to learn and shows you exactly what's happening under the hood.
Start Using EtchFAQs
Have Questions?
Getting free access to a course and pro builder might seem too good to be true, but there’s genuinely no catch. Just learn, have fun, and pay with some likes and shares!
We don’t have time to go into granular detail about why I rank page builders the way I do, but here’s my general grading of top options:
Worst: Elementor, WP Bakery / Visual Composer, Divi, Beaver Builder, Thrive, Brizy, all Gutenberg-based Builders, Wix, Squarespace.
Mediocre: Breakdance
Good: Webflow, Bricks, Builderius.
Elite: Etch
We’ll be discussing frameworks in the styling section of the course. I’ll be demonstrating the use of a framework called Automatic.css and talking about the pros and cons of various frameworks. Automatic.css is the recommended framework for modern development (I developed it, after all), but it’s not required.
Reviews
What People Are Saying
The first version of this course racked up hundreds of thousands of views. Here’s some of what people said.
Kevin is the real deal. Yes, his in-yer-face style is not for everyone, but, over the last 2-3 years he has generously shared his immense knowledge, critical thinking, and industry experience to help thousands become better web builders. He answers real-life website questions, and offers solutions that catapult your workflow to new heights. His software, ACSS and Frames, have revolutionised the web building process. I have been away from web building for a year now,…
If you're a newbie, or you're a little uncomfortable with what he said about being married to one specific builder, you need this information. I've learned more from his tutorials on Oxygen and Bricks about web design, HTML/CSS, WCAG compliance, WordPress, and a host of other subjects than I have in any other tutorial series – including Lynda/LinkedIn, Packt, Udemy, OSTraining, YouTube and more. If Kevin says it, I'm listening.
This is one of the highest quality courses I've taken. Actually, this is more than just a course – it's a time machine. If you finish this course (yes, it is a lot to take in, so don't be afraid to bring a notebook, try out what he's doing, etc), you will get back HOURS of your life that would otherwise be spent living with the wrong web design choices.
Kevin's web design course is a game-changer! His clear explanations and hands-on examples made learning CSS a breeze. I've built stunning websites thanks to his guidance!
This is an absolute gem. Kevin is a highly intelligent, honest and passioned teacher who will take your knowledge and skill higher than you would ever dream of!
I'm about 5 lessons in and maaaaate. You are amazing. No really, I was a bit apprehensive to this channel but it's now my greatest resource. Thank you. I feel like everyone else is teaching basic web design and elementor level/beginner stuff… you are taking me from intermediate to advanced/professional. My goal is agency owner and this just GOLD. I love it.
If you are looking to learn how to get ahead of most webdesigners/developers this is the course for you. You will get a great foundation on the basics of webdesign and the correct way to build websites that are accessible, scalable and maintainable. Kevin is a great instructor and teacher and knows how to explain complex subjects to the layman.
This course is absolutely unbelievable. Unbelievable because it's free. Unbelievable because it shows you every mistake you're making. Unbelievable because it keeps you hooked for hours, peeling back the layers of page building with pace and enthusiasm. Unbelievable because, by the end, you know exactly what you should be doing and where to return if you get stuck. Thanks, Mr Geary.