watch

Videos

How to Properly Add & Query Service Pages With Bricks (CPT + Query Loop)

2.2K views August 3, 2022 8:15 am

There are a ton of page builders available for WordPress (Elementor, Divi, Oxygen, Bricks, Beaver Builder, Zion, etc.) and even many popular page builders outside of the WordPress ecosystem (Wix, Squarespace, Webflow, etc.). 

How can you possibly know which builder is right for you?

Is it all personal preference?

NO! It's not personal preference. There are objective ways to measure whether or not a page builder is legitimate, but first you need to know where you stand when it comes to your goals and objectives.

My channel – Digital Ambition – is geared toward freelancers and agency owners or people who aspire to be a freelancer or agency owner. In other words, it's geared toward professionals or people who want to be a professional. At the very least, it's geared toward people who are serious about the craft of web design and development.

If that's you, then my position is very clear: regardless of your currently skill & knowledge level, you should be using a website page builder that has professional features and you should refuse to use a builder that does not support the needs of professionals.

This video covers TWENTY (20) MANDATORY features that every page builder must have in order for it to be a legitimate option for professionals.

Why are these things mandatory? Simple! Because when these features don't exist it encourages you to go against best practices, puts severe limitations on what you can create, and ultimately makes your website less dynamic, less scalable, and more difficult to maintain.

This is why I say it has nothing to do with personal preference. Some builders are objectively not adequate. The only time personal preference enters the picture is when you're comparing two tools of equal flexibility.

The three builders I currently recommend are:

Oxygen (WordPress): https://oxygenbuilder.com
Bricks (WordPress): https://bricksbuilder.io
Webflow (Non-WP): https://webflow.com

Join my Inner Circle for in-depth tutorials on web design / development best practices, building a 7-figure agency, and digital marketing: https://digitalambition.co/inner-circle/

0:00 Intro
01:31 The Purpose of a Page Builder
02:06 What is Our Goal With Websites?
03:02 Professionals vs Amateurs
04:17 Web Designers vs Photographers Comparison
08:32 Who This Channel is For
10:33 Amateur Tools vs Professional Tools
11:38 Why The 20 Features Are Mandatory
12:24 A Blank Div (1)
14:57 Classes, Pseudo Classes, Pseudo Elements (2)
17:57 Sections (3)
19:04 Header & Footer Templates (4)
20:18 Custom HTML Tags (5)
24:04 Code Blocks (7)
24:39 Repeater or Query Loop (8)
28:39 Dynamic Data (9)
29:53 Conditional Logic (10)
30:18 Clean HTML Output (11)
35:21 Flexbox (12)
38:19 CSS Grid (13)
39:01 Accessible Menu Builder (14)
40:32 Reusable Components (15)
42:02 SRCSET Images (16)
42:31 HTML Attributes (6)
44:28 Custom Units (17)
45:43 Decent Structure Panel (18)
46:40 Shortcode Execution (19)
47:28 Customizable Breakpoints (20)
47:46 Wrap-Up

There are a ton of page builders available for WordPress (Elementor, Divi, Oxygen, Bricks, Beaver Builder, Zion, etc.) and even many popular page builders outside of the WordPress ecosystem (Wix, Squarespace, Webflow, etc.).

How can you possibly know which builder is right for you?

Is it all personal preference?

NO! It's not personal preference. There are objective ways to measure whether or not a page builder is legitimate, but first you need to know where you stand when it comes to your goals and objectives.

My channel – Digital Ambition – is geared toward freelancers and agency owners or people who aspire to be a freelancer or agency owner. In other words, it's geared toward professionals or people who want to be a professional. At the very least, it's geared toward people who are serious about the craft of web design and development.

If that's you, then my position is very clear: regardless of your currently skill & knowledge level, you should be using a website page builder that has professional features and you should refuse to use a builder that does not support the needs of professionals.

This video covers TWENTY (20) MANDATORY features that every page builder must have in order for it to be a legitimate option for professionals.

Why are these things mandatory? Simple! Because when these features don't exist it encourages you to go against best practices, puts severe limitations on what you can create, and ultimately makes your website less dynamic, less scalable, and more difficult to maintain.

This is why I say it has nothing to do with personal preference. Some builders are objectively not adequate. The only time personal preference enters the picture is when you're comparing two tools of equal flexibility.

The three builders I currently recommend are:

Oxygen (WordPress): https://oxygenbuilder.com
Bricks (WordPress): https://bricksbuilder.io
Webflow (Non-WP): https://webflow.com

Join my Inner Circle for in-depth tutorials on web design / development best practices, building a 7-figure agency, and digital marketing: https://digitalambition.co/inner-circle/

0:00 Intro
01:31 The Purpose of a Page Builder
02:06 What is Our Goal With Websites?
03:02 Professionals vs Amateurs
04:17 Web Designers vs Photographers Comparison
08:32 Who This Channel is For
10:33 Amateur Tools vs Professional Tools
11:38 Why The 20 Features Are Mandatory
12:24 A Blank Div (1)
14:57 Classes, Pseudo Classes, Pseudo Elements (2)
17:57 Sections (3)
19:04 Header & Footer Templates (4)
20:18 Custom HTML Tags (5)
24:04 Code Blocks (7)
24:39 Repeater or Query Loop (8)
28:39 Dynamic Data (9)
29:53 Conditional Logic (10)
30:18 Clean HTML Output (11)
35:21 Flexbox (12)
38:19 CSS Grid (13)
39:01 Accessible Menu Builder (14)
40:32 Reusable Components (15)
42:02 SRCSET Images (16)
42:31 HTML Attributes (6)
44:28 Custom Units (17)
45:43 Decent Structure Panel (18)
46:40 Shortcode Execution (19)
47:28 Customizable Breakpoints (20)
47:46 Wrap-Up

224 156

YouTube Video VVU0S1h0RmRzXzNSN3h3R1Y3OXJaeXNnLnpXcC1tczBxTHZn

Is Your Website Page Builder Legit? 20 Mandatory Features Every Page Builder Must Have!

3.8K views July 6, 2022 5:50 pm

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/

107 31

YouTube Video VVU0S1h0RmRzXzNSN3h3R1Y3OXJaeXNnLlpBbkR5X1hqYUF3

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

2K 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

340 131

YouTube Video VVU0S1h0RmRzXzNSN3h3R1Y3OXJaeXNnLnRoYV95bm1aUmFB

BEM 101: How to Make Web Design Organized & Scalable

5.4K views April 19, 2022 11:11 am

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

2.6K 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

196 66

YouTube Video VVU0S1h0RmRzXzNSN3h3R1Y3OXJaeXNnLk42RzVCQ2RyX0hv

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

3K views March 20, 2022 9:00 am

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