watch

Videos

In 2021 I started posting web development and agency trainings on YouTube and my channel absolutely blew up with engagement.

After a couple months, people started flooding my inbox asking me to create courses or premium trainings.

While I was flattered, I was also busy running my agency and being a father to my three kids. I definitely knew that I didn't want to add course creation to my to-do list.

At the same time, though, I knew that with close to two decades of web development experience, a decade of digital marketing experience, and a few years of running an agency landing $10k to $100k projects, I had a ton of value to offer. I just needed a good delivery vehicle for the content.

That's when I explored the possibility of creating a premium community – a place where I could just publish new trainings as I create them and a place where people could get tons of other value through written lessons/insights, downloadables, and guidance from other members.

That sounded doable. More importantly, it sounded fun.

I called this community the Inner Circle and I announced it on YouTube at an initial price of $20/mo. I wanted it to be accessible to as many people as possible, so I didn't put a big premium price tag on it.

I did say, however, that once it crossed the 100 member mark – or really, *if* it crossed the 100 member mark – that I would raise the price to $49/mo or $99/mo or higher.

Needless to say, it didn't take long to cross the 100 member mark. As of this writing, the Inner Circle is 800+ members strong. 

The best part, though, is that the price is still the same price it's always been! 

Here's what you get access to as an Inner Circle member:

Agency/Freelancer "Foundations" Trainings
Agency/Freelancer Operations & PM Trainings
Agency/Freelancer Sales & Closing Trainings
Agency/Freelancer Scaling Your Business Training
Agency/Freelancer Pricing & Money Trainings
Proposal, SOW, & Contract Templates
Discovery & Sales Call Breakdowns
Premium Oxygen Trainings & Full Site Builds
Premium Bricks Trainings & Full Site Builds
SEO & Local SEO Trainings
Digital Marketing & Advertising Trainings
& More...

It's more than trainings, too. You also get:

Help & Guidance Directly From Me
Agency/Freelancer Discussion
Oxygen Dev Discussion
Bricks Dev Discussion
Accessibility Discussion
Constructive Feedback On Your Builds
Job Board
Code Snippets Library
Query Builder Recipes Library
Additional Resources

The Inner Circle is built on the Circle.so platform so it's super easy to use, fun to engage with, and very organized. 

This is easily stuff I could charge high ticket for, but this isn't about the revenue. I've said from the beginning that I'm not doing this for the money.

If you go from landing $1000 sites to $10,000 sites or from $5,000 sites to $50,000 sites and you start generating life-changing money and momentum for yourself and your family ... that's a priceless payday for me as far as I'm concerned!

I care most about making an impact and building something that really means something.

Now, while I say it's not about the money, I also don't want my Inner Circle to be a charity. I want people to respect what they're getting access to enough to have at least a little skin in the game.

This is why access to the Digital Ambition Inner Circle costs one Andrew Jackson every month. Or you can get in for less than that if you wanna pay for 6 months at a time (I think 6mo is more practical than a full year).

If you can't see the tremendous value, then this isn't for you yet. 

If you understand the insane value mismatch that's in front of you, then I'll see you on in the inside!

Join: https://digitalambition.co/inner-circle/

Roadmap: https://digitalambition.co/roadmap/

In 2021 I started posting web development and agency trainings on YouTube and my channel absolutely blew up with engagement.

After a couple months, people started flooding my inbox asking me to create courses or premium trainings.

While I was flattered, I was also busy running my agency and being a father to my three kids. I definitely knew that I didn't want to add course creation to my to-do list.

At the same time, though, I knew that with close to two decades of web development experience, a decade of digital marketing experience, and a few years of running an agency landing $10k to $100k projects, I had a ton of value to offer. I just needed a good delivery vehicle for the content.

That's when I explored the possibility of creating a premium community – a place where I could just publish new trainings as I create them and a place where people could get tons of other value through written lessons/insights, downloadables, and guidance from other members.

That sounded doable. More importantly, it sounded fun.

I called this community the Inner Circle and I announced it on YouTube at an initial price of $20/mo. I wanted it to be accessible to as many people as possible, so I didn't put a big premium price tag on it.

I did say, however, that once it crossed the 100 member mark – or really, *if* it crossed the 100 member mark – that I would raise the price to $49/mo or $99/mo or higher.

Needless to say, it didn't take long to cross the 100 member mark. As of this writing, the Inner Circle is 800+ members strong.

The best part, though, is that the price is still the same price it's always been!

Here's what you get access to as an Inner Circle member:

Agency/Freelancer "Foundations" Trainings
Agency/Freelancer Operations & PM Trainings
Agency/Freelancer Sales & Closing Trainings
Agency/Freelancer Scaling Your Business Training
Agency/Freelancer Pricing & Money Trainings
Proposal, SOW, & Contract Templates
Discovery & Sales Call Breakdowns
Premium Oxygen Trainings & Full Site Builds
Premium Bricks Trainings & Full Site Builds
SEO & Local SEO Trainings
Digital Marketing & Advertising Trainings
& More...

It's more than trainings, too. You also get:

Help & Guidance Directly From Me
Agency/Freelancer Discussion
Oxygen Dev Discussion
Bricks Dev Discussion
Accessibility Discussion
Constructive Feedback On Your Builds
Job Board
Code Snippets Library
Query Builder Recipes Library
Additional Resources

The Inner Circle is built on the Circle.so platform so it's super easy to use, fun to engage with, and very organized.

This is easily stuff I could charge high ticket for, but this isn't about the revenue. I've said from the beginning that I'm not doing this for the money.

If you go from landing $1000 sites to $10,000 sites or from $5,000 sites to $50,000 sites and you start generating life-changing money and momentum for yourself and your family ... that's a priceless payday for me as far as I'm concerned!

I care most about making an impact and building something that really means something.

Now, while I say it's not about the money, I also don't want my Inner Circle to be a charity. I want people to respect what they're getting access to enough to have at least a little skin in the game.

This is why access to the Digital Ambition Inner Circle costs one Andrew Jackson every month. Or you can get in for less than that if you wanna pay for 6 months at a time (I think 6mo is more practical than a full year).

If you can't see the tremendous value, then this isn't for you yet.

If you understand the insane value mismatch that's in front of you, then I'll see you on in the inside!

Join: https://digitalambition.co/inner-circle/

Roadmap: https://digitalambition.co/roadmap/

85 29

YouTube Video VVU0S1h0RmRzXzNSN3h3R1Y3OXJaeXNnLlpBbkR5X1hqYUF3

An Inside Look at My Inner Circle - A Powerful Community for Web Devs, Agency Owners, & Freelancers

1.1K views May 10, 2022 10:00 am

This is one of those tutorials that will 100% change how you develop websites, so don't sleep on it!

Too many sites out there are "good looking," but when you look at the underlying page and component structure, CSS, etc. you realize that it's actually a nightmare in terms of scalability and maintainability.

Styling is just haphazardly tossed around to achieve an initial objective with zero thought put into future-proofing the design and layout.

This is a huge failure. It doesn't matter how pretty a website is, if it can't be easily maintained and scaled, you've failed as a developer.

In this training you'll learn a specific methodology called BEM (Block, Element, Modifier) for organizing your website's styling. The benefits of BEM are enormous:

• Organization
• Scalability
• Semantic accuracy & readability
• Avoiding class name collisions
• Easier writing
• Easier debugging
• Easier modification
• Avoid specificity issues
• Faster rendering
• "Self-documenting code"

Never again will your sites fail what I call the 3-month or 6-month rule. Never again will you develop a pretty website that has a horrific styling architecture underneath.

Not enough people take pride in building sites with a clean, efficient, concise, organized structure. In my opinion, this should be one of the main goals because scalability and maintainability is everything.

Want to go deeper? Join my Inner Circle: https://digitalambition.co/inner-circle/

00:00 Context & Black Belt Development
05:20 Why BEM?
08:38 Examples of Bad Dev
23:34 How BEM Works (Structure)
35:05 Example CSS
36:22 Real-World Example
39:07 Adding the HTML Elements
41:03 Adding the BEM Classes
43:36 Styling the Component
54:24 Adding a Modifier (Dark Component)
1:00:00 Final Thoughts

This is one of those tutorials that will 100% change how you develop websites, so don't sleep on it!

Too many sites out there are "good looking," but when you look at the underlying page and component structure, CSS, etc. you realize that it's actually a nightmare in terms of scalability and maintainability.

Styling is just haphazardly tossed around to achieve an initial objective with zero thought put into future-proofing the design and layout.

This is a huge failure. It doesn't matter how pretty a website is, if it can't be easily maintained and scaled, you've failed as a developer.

In this training you'll learn a specific methodology called BEM (Block, Element, Modifier) for organizing your website's styling. The benefits of BEM are enormous:

• Organization
• Scalability
• Semantic accuracy & readability
• Avoiding class name collisions
• Easier writing
• Easier debugging
• Easier modification
• Avoid specificity issues
• Faster rendering
• "Self-documenting code"

Never again will your sites fail what I call the 3-month or 6-month rule. Never again will you develop a pretty website that has a horrific styling architecture underneath.

Not enough people take pride in building sites with a clean, efficient, concise, organized structure. In my opinion, this should be one of the main goals because scalability and maintainability is everything.

Want to go deeper? Join my Inner Circle: https://digitalambition.co/inner-circle/

00:00 Context & Black Belt Development
05:20 Why BEM?
08:38 Examples of Bad Dev
23:34 How BEM Works (Structure)
35:05 Example CSS
36:22 Real-World Example
39:07 Adding the HTML Elements
41:03 Adding the BEM Classes
43:36 Styling the Component
54:24 Adding a Modifier (Dark Component)
1:00:00 Final Thoughts

256 111

YouTube Video VVU0S1h0RmRzXzNSN3h3R1Y3OXJaeXNnLnRoYV95bm1aUmFB

BEM 101: How to Make Web Design Organized & Scalable

3.4K views April 19, 2022 11:11 am

EASY Text Columns Without Flex or Grid (PLUS Utility Classes vs Custom Classes Best Practices)

2K views April 12, 2022 9:34 am

This is the type of Oxygen tutorial I'd normally publish in my Inner Circle. For info on the inner circle, go here: https://digitalambition.co/inner-circle/

THIS TUTORIAL REQUIRES NO PAID ADD-ONS ;)

Why is this called a follow along tutorial? Because I want to challenge you to follow along and build exactly what I'm building on a blank website so you can truly absorb each and every aspect of the training (what you'll learn is detailed below).

Are you going to participate? Drop the hashtag #intraining below in the comments to let me know you're taking action!

Here's what you'll learn:

• How to create & configure a custom post type
• How to attach custom fields to a custom post type
• How to work with various types of custom fields including images, numbers, dropdowns, and more
• How to create review cards with proper semantic HTML structure
• BEM naming structure for custom classes
• Basic flex layout techniques
• Auto margin techniques
• nth-of-type margin techniques
• How to use the Oxygen Grid Builder
• How to use the Oxygen Repeater
• How to use the Oxygen Repeater Advanced Query Builder
• How to insert dynamic data from custom fields
• How to use object-fit for constraining and positioning images
• How to use data attributes
• How to manipulate elements with CSS by targeting their data attribute value
• nth-of-type pseudo classes for targeting specific items

0:00 - Intro & Context
02:05 - Design Inspiration
02:52 - Getting Started
03:26 - Creating Reviews Custom Post Type
06:30 - Creating Custom Fields
09:55 - Adding Reviews
16:40 - Creating a Page & Repeater Grid
23:30 - Creating the Review Card
48:28 - Adding the Data Attribute
50:05 - Changing Stars With Data Attribute Values
59:40 - Checking Work & Wrap Up

This is the type of Oxygen tutorial I'd normally publish in my Inner Circle. For info on the inner circle, go here: https://digitalambition.co/inner-circle/

THIS TUTORIAL REQUIRES NO PAID ADD-ONS ;)

Why is this called a follow along tutorial? Because I want to challenge you to follow along and build exactly what I'm building on a blank website so you can truly absorb each and every aspect of the training (what you'll learn is detailed below).

Are you going to participate? Drop the hashtag #intraining below in the comments to let me know you're taking action!

Here's what you'll learn:

• How to create & configure a custom post type
• How to attach custom fields to a custom post type
• How to work with various types of custom fields including images, numbers, dropdowns, and more
• How to create review cards with proper semantic HTML structure
• BEM naming structure for custom classes
• Basic flex layout techniques
• Auto margin techniques
• nth-of-type margin techniques
• How to use the Oxygen Grid Builder
• How to use the Oxygen Repeater
• How to use the Oxygen Repeater Advanced Query Builder
• How to insert dynamic data from custom fields
• How to use object-fit for constraining and positioning images
• How to use data attributes
• How to manipulate elements with CSS by targeting their data attribute value
• nth-of-type pseudo classes for targeting specific items

0:00 - Intro & Context
02:05 - Design Inspiration
02:52 - Getting Started
03:26 - Creating Reviews Custom Post Type
06:30 - Creating Custom Fields
09:55 - Adding Reviews
16:40 - Creating a Page & Repeater Grid
23:30 - Creating the Review Card
48:28 - Adding the Data Attribute
50:05 - Changing Stars With Data Attribute Values
59:40 - Checking Work & Wrap Up

175 64

YouTube Video VVU0S1h0RmRzXzNSN3h3R1Y3OXJaeXNnLk42RzVCQ2RyX0hv

How to Create Review Cards With Dynamic Star Ratings in Oxygen (Follow Along Full Tutorial)

2.3K views March 20, 2022 9:00 am

Oxygen has a pretty steep learning curve, even if you have a lot of development experience with other builders.

That's not a bad thing. Oxygen gives you a lot of power and actually does things properly (like giving you IDs and classes and a blank canvas) where other builders try to dumb things down (and ultimately limit you).

Nevertheless, LOTS of mistakes are made by people who are new to Oxygen (I'd say 1 year of experience or less, but I often see some of these mistakes still being made in year 2-3).

In this video I cover the top 20 mistakes (at least the top 20 I could think of when prompted to do this video). 

I shot this in one take on the fly and didn't worry about the time limit, so you get everything exactly as it came out of my brain. I'm giving you a solid 90 minutes of value here. Take what you need and leave the rest.

Join the Inner Circle: https://digitalambition.co/inner-circle/

Get Automatic.css: https://automaticcss.com

More info on px vs relative units: https://every-layout.dev/rudiments/units/

Columns vs Grid in Oxygen: https://youtu.be/kSuLN0e4BF8

Creating Image Cards Properly in Oxygen: https://youtu.be/if8JuJf--JU

How to Migrate an Oxygen Website Properly: https://youtu.be/nkUrNqtJ_To

0:00 Intro
01:12 Styling IDs
11:50 Random Class Naming
23:00 Not Locking Classes
26:46 Using The Columns Module
29:49 Single Section Content
32:11 Multiple Topics in One Section
33:09 Not Using Semantic HTML Tags
39:08 Using Divs to Create Lists
45:02 Using Pixels
49:15 Improper Heading Levels
53:55 Setting Heading Size in Global Settings
01:01:03 Using Static Images
01:04:12 Background Images vs Real Images
01:09:05 Improper Pagination
01:13:00 Not Using CPTs & Repeaters
01:16:04 Not Creating a 404 Template
01:19:22 Naming Colors Literally
01:23:37 Writing CSS in Modules
01:28:03 Creating Blog Posts With Oxygen
01:31:58 Improper Migration

Oxygen has a pretty steep learning curve, even if you have a lot of development experience with other builders.

That's not a bad thing. Oxygen gives you a lot of power and actually does things properly (like giving you IDs and classes and a blank canvas) where other builders try to dumb things down (and ultimately limit you).

Nevertheless, LOTS of mistakes are made by people who are new to Oxygen (I'd say 1 year of experience or less, but I often see some of these mistakes still being made in year 2-3).

In this video I cover the top 20 mistakes (at least the top 20 I could think of when prompted to do this video).

I shot this in one take on the fly and didn't worry about the time limit, so you get everything exactly as it came out of my brain. I'm giving you a solid 90 minutes of value here. Take what you need and leave the rest.

Join the Inner Circle: https://digitalambition.co/inner-circle/

Get Automatic.css: https://automaticcss.com

More info on px vs relative units: https://every-layout.dev/rudiments/units/

Columns vs Grid in Oxygen: https://youtu.be/kSuLN0e4BF8

Creating Image Cards Properly in Oxygen: https://youtu.be/if8JuJf--JU

How to Migrate an Oxygen Website Properly: https://youtu.be/nkUrNqtJ_To

0:00 Intro
01:12 Styling IDs
11:50 Random Class Naming
23:00 Not Locking Classes
26:46 Using The Columns Module
29:49 Single Section Content
32:11 Multiple Topics in One Section
33:09 Not Using Semantic HTML Tags
39:08 Using Divs to Create Lists
45:02 Using Pixels
49:15 Improper Heading Levels
53:55 Setting Heading Size in Global Settings
01:01:03 Using Static Images
01:04:12 Background Images vs Real Images
01:09:05 Improper Pagination
01:13:00 Not Using CPTs & Repeaters
01:16:04 Not Creating a 404 Template
01:19:22 Naming Colors Literally
01:23:37 Writing CSS in Modules
01:28:03 Creating Blog Posts With Oxygen
01:31:58 Improper Migration

360 66

YouTube Video VVU0S1h0RmRzXzNSN3h3R1Y3OXJaeXNnLkZnak80Zkp5Ylpz

The TOP 20 Oxygen Builder Mistakes Beginners Make (Fix These Today!)

7.2K views February 17, 2022 9:20 am

Oxygen already has a tutorial on importing icon sets – this is not a repeat of that. In this tutorial I'm going to walk you through step-by-step how to use custom icons (not from pre-made sets) in Oxygen even if you're given improperly formatted SVGs ... and even if you're not given SVGs at all.

I'm also going to show you the pitfalls of using SVGs as images (what most people do) and I discuss some pitfalls of using SVGs in code blocks (what a lot of other people do).

In the end ... the method I teach here is what I believe to be the best and most scalable method of using custom icons in Oxygen because it puts them all in a gallery to easily insert/swap and gives you global control over their styling with classes.

If you use a framework like Automatic.css this also means that your icons will be completely compatible with sweeping global color changes!

If you've struggled with custom icon management in Oxygen in the past, you're going to love this tutorial.

Make sure you hit the thumbs up and a drop a comment if you got value! If you want to see more from me, subscribe to the channel as well!

Automatic.css: https://automatic.css
Join the Inner Circle: https://digitalambition.co/inner-circle/
Envato Elements: https://geni.us/Ci9Rlz8

0:00 Intro & Context
01:22 Setting Up Our Icon Cards
03:23 Important Icon Properties
04:12 Choosing an Icon Set
04:55 Formatting the Icons (Wrong Way)
07:45 Using the Icons (Wrong Way)
10:32 Fixing SVG Stroke Issues
 12:47 Importing SVGs to IcoMoon
14:11 Removing SVG Inline Styling
16:32 Importing Icons into Oxygen
17:24 Using Your Icons
20:07 Recap

Oxygen already has a tutorial on importing icon sets – this is not a repeat of that. In this tutorial I'm going to walk you through step-by-step how to use custom icons (not from pre-made sets) in Oxygen even if you're given improperly formatted SVGs ... and even if you're not given SVGs at all.

I'm also going to show you the pitfalls of using SVGs as images (what most people do) and I discuss some pitfalls of using SVGs in code blocks (what a lot of other people do).

In the end ... the method I teach here is what I believe to be the best and most scalable method of using custom icons in Oxygen because it puts them all in a gallery to easily insert/swap and gives you global control over their styling with classes.

If you use a framework like Automatic.css this also means that your icons will be completely compatible with sweeping global color changes!

If you've struggled with custom icon management in Oxygen in the past, you're going to love this tutorial.

Make sure you hit the thumbs up and a drop a comment if you got value! If you want to see more from me, subscribe to the channel as well!

Automatic.css: https://automatic.css
Join the Inner Circle: https://digitalambition.co/inner-circle/
Envato Elements: https://geni.us/Ci9Rlz8

0:00 Intro & Context
01:22 Setting Up Our Icon Cards
03:23 Important Icon Properties
04:12 Choosing an Icon Set
04:55 Formatting the Icons (Wrong Way)
07:45 Using the Icons (Wrong Way)
10:32 Fixing SVG Stroke Issues
12:47 Importing SVGs to IcoMoon
14:11 Removing SVG Inline Styling
16:32 Importing Icons into Oxygen
17:24 Using Your Icons
20:07 Recap

204 66

YouTube Video VVU0S1h0RmRzXzNSN3h3R1Y3OXJaeXNnLmZzMWRkSXd1SllZ

How to Properly Use & Manage Custom Icons in Oxygen (No Images or Code Blocks!)

2.7K views February 2, 2022 3:27 pm

GRID JIU JITSU IN OXYGEN!

I wanted to do a tutorial on how to use Oxygen's grid builder, but I didn't want to do some boring nonsense like "here's what this field does ... and here's what this field does...", so I'm creating a follow-along tutorial of a real-world grid structure you'll see and use everywhere.

And this isn't just for beginners, my friend. I'm baking some grid jiu jitsu moves into this tutorial that will absolutely SYA (save your ass) and make your life sooooo much easier on bigger pages or sites. Here's what it covers:

• How Grid works in Oxygen Builder
• Grid Builder pitfalls to look out for
• How to create a 2-3 grid structure with column spans
• How to change your grid structure on mobile
• How to auto-stagger your grid using nth-of-type
• How to auto space your grids with last-of-type
• How to change image order on mobile
• How to properly name grid components with custom classes

This is 45 straight minutes of practical "best practice" skills that will most certainly elevate your game and  I went slow to make sure it's easy to follow along with. Have fun!

THIS TUTORIAL REQUIRES NO PLUGINS, NO UTILITY CLASSES, ETC. IT'S VANILLA OXYGEN BUILDER. And yes, this works with repeaters too (with a few tweaks).

Join the Inner Circle - https://digitalambition.co/inner-circle/
Get Automatic.css - https://automaticcss.com

0:00 Intro
1:00 Examining Trello's Features Grid
2:40 Follow Along
3:40 Tutorial Begins
6:30 Oxygen's Yucky Defaults
10:00 How Column Spans Work
13:00 Image Wrapper Tip
15:00 Adding the Content
17:05 Custom Classes Best Practices
22:45 Mobile Responsiveness
27:43 Auto Spacing Between Grids
30:27 Auto Staggering the Grids
38:20 Changing Image Order on Mobile
41:05 Admiring Our Handy Work

GRID JIU JITSU IN OXYGEN!

I wanted to do a tutorial on how to use Oxygen's grid builder, but I didn't want to do some boring nonsense like "here's what this field does ... and here's what this field does...", so I'm creating a follow-along tutorial of a real-world grid structure you'll see and use everywhere.

And this isn't just for beginners, my friend. I'm baking some grid jiu jitsu moves into this tutorial that will absolutely SYA (save your ass) and make your life sooooo much easier on bigger pages or sites. Here's what it covers:

• How Grid works in Oxygen Builder
• Grid Builder pitfalls to look out for
• How to create a 2-3 grid structure with column spans
• How to change your grid structure on mobile
• How to auto-stagger your grid using nth-of-type
• How to auto space your grids with last-of-type
• How to change image order on mobile
• How to properly name grid components with custom classes

This is 45 straight minutes of practical "best practice" skills that will most certainly elevate your game and I went slow to make sure it's easy to follow along with. Have fun!

THIS TUTORIAL REQUIRES NO PLUGINS, NO UTILITY CLASSES, ETC. IT'S VANILLA OXYGEN BUILDER. And yes, this works with repeaters too (with a few tweaks).

Join the Inner Circle - https://digitalambition.co/inner-circle/
Get Automatic.css - https://automaticcss.com

0:00 Intro
1:00 Examining Trello's Features Grid
2:40 Follow Along
3:40 Tutorial Begins
6:30 Oxygen's Yucky Defaults
10:00 How Column Spans Work
13:00 Image Wrapper Tip
15:00 Adding the Content
17:05 Custom Classes Best Practices
22:45 Mobile Responsiveness
27:43 Auto Spacing Between Grids
30:27 Auto Staggering the Grids
38:20 Changing Image Order on Mobile
41:05 Admiring Our Handy Work

241 83

YouTube Video VVU0S1h0RmRzXzNSN3h3R1Y3OXJaeXNnLjBjSHhtQV85aXhB

How to Create a Custom Responsive Grid in Oxygen (Best Practices & Grid Jiu Jitsu Tricks!)

5.3K views December 7, 2021 12:00 pm

Get Fresh Tips & Tutorials by Email

I promise not to send you any nonsense. Just a weekly email with fresh content and latest insights.
No spam, ever.
cross