0:00:00
What is up beautiful people? Welcome back. It is Wednesday. It is 11 a.m. and you know what that means. It is time for another web design for dummies. I’ve got to get sorted out here. I’ve got to figure out where my screens are. All right, comments and reactions. Hey, it’s only a minute. It’s only a minute. Y’all could give me a break. It’s just a tad late. Okay, so we got Patrick in the house. Derek, the It’s just a tad late. OK, so we got Patrick in the house, Derek, the Hunzius here, SilentPhilD123, Dan Stanley, say hi when you guys come into the stream. Throw up an early like. Got to get the early like, all right? The real OGs throw up early likes. They don’t wait to see what’s going to happen on the stream. They just already know what’s going down.
0:00:49
They already know it’s going to be fire, already know what’s going down. They already know it’s going to be fire and so they throw up a an early like. Okay, while people stroll in, let’s go ahead and that is correct, Justin. Hot fixes, hot fixes do take time. Let’s go ahead and do some news while everybody collects themselves and strolls in to the stream. YouTube’s got that nice delay where they don’t like to notify the stream. YouTube’s got that nice delay where they don’t like to notify everybody right away. And I think you guys are gonna want to hear the news. I mean nothing too exciting but people are very very hyped. Let me share my screen. Let me get this over here. Let me make sure that we’re gonna be sharing the correct screen. There we go. People are they seem very very hyped for this which I’m very hyped for it so I’m glad we’re all hyped for it. But page building I’m very hyped for this, which I’m very hyped for it.
0:01:38
So I’m glad we’re all hyped for it. But Page Building 101 was announced yesterday. Brand new, free course, and this is, as the headline says, the only course that you’ll need for learning web design with page builders. Because, you know, well, just read it. Just go to Page Building 101 and read this right here. And then just put in your name and email address because it’s a free course, and it’s already off to the races.
0:02:00
just put in your name and email address because it’s a free course and it’s already off to the races we got episode one out or lesson one I should say lesson one came out yesterday I guess the course was announced the day before I don’t know I get all of my my days mixed up these days and but what people have been asking is they’re like hey is there an outline for the course is there a timeline for the course now that’s not really how I roll there is a No, that’s not really how I roll. There is a rough outline for the course. The outline for the course isn’t even done yet. I’ll just be honest with you.
0:02:33
I will show you that I wanted to share on this stream the rough outline so far. And the reason why there isn’t a fixed outline of every lesson in every module is because I’m trying to approach this differently. I’ve been thinking about first of all, I don’t like to make courses. differently. I’ve been thinking about, first of all, I don’t like to make courses. I do not like to make courses, but this is a course that needed to be made. So I’m making it, but I don’t like courses. I’ve made many, many, many courses in the past and other industries and stuff like that. I just, I don’t really like making courses. I’d rather just create trainings, right? Random trainings and teach things and that’s that. Courses are, they come with a lot of different and teach things and that’s that. Courses are, they come with a lot of different complexities and commitments and things like that.
0:03:20
And so, they just come with a lot of extras. And typically like resources need to be attached to it, maybe even handouts, other freebies that go along with it. There’s a lot, right? There’s a lot. And you’re gonna see as the outline unfolds here, there’s a lot. But the other thing is, I’ve thought about the courses I’ve taken But the other thing is, I’ve thought about the courses I’ve taken, and there’s a lot of stuff that I really just don’t like about how certain courses are structured and how information is presented.
0:03:48
Information often is presented as like, okay, I’m gonna teach you something, but there’s no connection with practicality in what they’re teaching. It’s like, all right, I’m gonna teach you a concept, but you’re really not gonna use the concept like this in real life, but this is how I’m gonna teach it to you anyway. I don’t know why we use the concept like this in real life, but this is how I’m gonna teach it to you anyway.
0:04:05
I don’t know why we do that. I don’t know why sometimes you’re doing training in an environment that you’re not actually gonna be working in. This is a page builder course, so we need to be working inside the page builder all the time. So I wanna get to the page builder as quickly as possible, which is lesson two, is right into the page builder, right into doing stuff.
0:04:26
I’ll show you the outline here. doing stuff. I’ll show you the outline here. But, and you think about a topic like this, it’s so, there’s so many things. There’s so many things to teach people. It’s unruly, it’s very, very unruly. I mean, think about, you know, I feel like in order to really be a professional, you need to understand CSS. You need to be able to write some CSS to overcome some limitations and page builders.
0:04:50
And therefore, I gotta teach CSS at some point in this course. some limitations and page builders and therefore I got to teach CSS at some point in this course so the question is you know should there be a lesson on CSS should there be five lessons on CSS and so as I’m outlining and thinking about the course I’m like no we shouldn’t do that that’s what a traditional course might attempt to do hey they got to learn CSS so we’ll put a whole module on CSS and we’ll spend all this time on CSS I don’t I’m not convinced that that’s the best approach to me it’s hey let’s introduce a lot of I’m not convinced that that’s the best approach.
0:05:14
To me, it’s, hey, let’s introduce a lot of these things like HTML and CSS concepts as we go through lessons tackling practical issues, tackling practical information. We do the CSS work and the HTML work and inspection alongside of that other work that we’re doing. As we go through the course, you’re going to pick up more and more and more and more and more and more and more. And as we go through the course, you’re going to pick up more and more and more and more and more and more and more Instead of you know throwing you into a pit of CSS in a single module saying all right now we deep dive CSS. I Don’t know so The way I think it’s going to work best is we we go with the flow we stay very Nimble right I like to feel it out So I create a lesson and then I know what maybe the next three lessons are going to be but sometimes I get done with and then I know what maybe the next three lessons are gonna be.
0:06:03
But sometimes I get done with a lesson and I’m like, nah, we gotta switch up that order. Nah, no, we gotta get rid of this one, let’s put a new one in, because based on the last lesson I did, I saw something we didn’t even think of, we need to stick this in now. And that’s how I do it, right? So very, very flexible and making sure that I’m just feeling the course out as it gets created to make sure that we’re all going in the right directions.
0:06:25
That’s just how I am doing things. directions. That’s just how I am doing things. So with that said, I’m going to show you guys a rough outline just we can get a little bit of an idea. But yeah, let’s let’s pull that onto the screen. But this may this is absolutely I’m not even going to say this may change. This is absolutely going to change. Absolutely, this is going to change. But this is the kind of stuff that I’m thinking about. And I do want you to see the maybe the depth of the course. And by the way, this is new. about and I do want you to see the maybe the depth of the course and by the way this is new I didn’t even finish like we got I got that this is as far as I got basically there’s more that would have to come after this and so when you think of this is like wait a minute this is going to be free this this this this right here is gonna be yeah yeah this is gonna be 100% free in fact not only is it gonna be 100% free I’m not even gonna run ads on these videos these these are gonna be ad free but I don’t want any distractions I want you to just be able These are going to be ad-free, but I don’t want any distractions.
0:07:14
I want you to just be able to do it. Just do the course, okay? Learn, just learn and practice and get better. So no ads, no payments, no nothing. It’s just views, okay? So this is the next one that this will be coming out either today or tomorrow. And we’re going to be looking immediately at page builder output. I want people to understand what is the page builder doing? Why do we use a page builder? What in the world is the page builder for?
0:07:36
what is the page builder doing? Why do we use a page builder? What in the world is the page builder for? And we need to understand what the difference is. I’m thinking really beginner level here. Anybody should be able to do this course and follow along. And if you’re an advanced or intermediate person, trust me, your stuff is coming, okay? Your time will come. But we’re at the beginning of the course and we gotta start out with the basics.
0:07:59
And the basics is, what is HTML versus CSS? And how is the builder writing these things? is, you know, what is HTML versus CSS? And how is the builder writing these things? And what, most importantly, right? What should we expect from the builder? Should we expect that a builder writes code the way we would write it if we were good at writing code? Or should we expect the builder to just create some spaghetti soup of code nonsense, like a lot of builders do?
0:08:23
That’s a really important lesson to look at upfront and actually show people, here is what HTML would look like if I wrote it. important lesson to look at up front and actually show people here is what HTML would look like if I wrote it. Here is the HTML that my builder produced, compare those two, and here’s the HTML this other builder produced. Now compare. And then we can talk about what’s the problem with this spaghetti soup that’s being created over here. There’s a lot of problems with that spaghetti soup. So let’s talk about that and let’s also, while we’re there, learn how to inspect. How am I even we’re there, learn how to inspect. How am I even looking at the HTML? How am I even looking at the CSS? Because if you can’t inspect a page, I mean you’re going to be stuck for the rest of your life. You’ve got to know how to use the browser inspector and see what’s happening on the page. So that’s going to be the next lesson. I mean we’re diving right in. So and then it’s you know boxes on boxes on boxes. This is just how websites are structured. We’re going to go into sections and containers and I guarantee you like this sections and containers websites are structured, we’re gonna go into sections and containers, and I guarantee you, like this sections and containers thing right here, this lesson alone, this lesson alone, I mean, if you think of any other video on, okay, they’re gonna teach us about sections in a page voter course, how boring.
0:09:27
No, there’s gonna be so much important stuff that it’s just gonna be like, like it’s, you know, the stuff we’re gonna cover, the depth that we’re gonna cover it in, and I’m trying to also, you know, keep these as short as possible. we’re gonna cover it in, and I’m trying to also, you know, keep these as short as possible. I think if I can keep boxes on boxes on boxes to 20 minutes or 25 minutes, that’ll be a huge win.
0:09:47
Same thing with sections and content, like if these can be under 30 minutes a lot of times, that’s why there’s more of them. That’s why there’s more of them. So, you know, if some of you are scared and you’re like, God, Kevin does like hour, two hour videos on some of these topics. Well, the reason you’re seeing more things is because I’m trying to break it up a little bit more. Well, the reason you’re seeing more things is because I’m trying to break it up a little bit more And so these can be a bit shorter and easier to digest But you guys can see I mean Yeah, it’s there’s a lot. There’s a lot to teach And you’re not notice you’re not seeing any Real like CSS lessons why because I’m fairly confident I can teach you CSS as we go through all these lessons teach you CSS as we go through all these lessons. So as we go through all these lessons, like I for example, I want to show you, alright here’s what the builder when we create a grid, here’s what the builder is writing in terms of CSS on the back end. And then I’m going to show you how we would write that by hand really quickly. And then so you’re going to be picking up these CSS concepts as we go through all of these other lessons in general. Same with HTML, you’ll pick up other lessons in general. Same with HTML. You’ll pick up basic HTML concepts. So the idea isn’t that you can write HTML at the end of the course or that you should be able to write HTML. The idea is that you should be able to read HTML. That’s a big difference.
0:11:02
If you can read HTML but you can’t write it, you still can get a lot accomplished. And you don’t need to know how to write HTML. You just need to know how to read it and you need to know what you’re looking for. So what is good HTML output versus garbage HTML output? What is good HTML output versus garbage HTML output? If you can make that distinction, then all fine and dandy, right? And it’s really, that is only necessary to choose a page builder in the first place. Because once you choose a great page builder that outputs clean code, you don’t really have to worry about it all that much anymore.
0:11:30
You can rely on people like me to nitpick it to death, like, oh, well, in terms of accessibility, and this and that. Like, you know, you can leave that up to me. But once you’ve picked a builder, Like, you know, you can leave that up to me, but once you’ve picked a builder and that you know, Hey, this, this builder is good. It outputs clean code. You don’t really have to worry about it that much anymore. Um, but yeah, I don’t know.
0:11:48
What do you guys think? What do you guys think of the, uh, it is a pretty long list. It’s a pretty long list. Uh, Ruben says, take my money. I’m not taking anybody’s money for this. Uh, let’s see. The first video was great suggestion. First video is great. Suggestion, if the title card of the Sections episode is called, let’s talk about Sections, baby.
0:12:08
I’m going to be… Oh, isn’t called, like the song, by Salt-N-Pepa. I’m going to be a little sad. Yeah, that’s a bold move. Bold move, Cotton. I don’t know if I can make that bold move or not. Okay. What do you guys think? Okay, what do you guys think? The list scares me a little bit, but it has to be done.
0:12:38
Somebody had to do it, right? Might as well be me. Okay, should we get into our first review of our website? I think I have two good websites that, you know, in industries that we two good websites that you know in industries that we haven’t really looked at before so a little bit different today no agency website today I have to maybe I’ll pull a three if we if we go through these first two too fast but yeah let’s get this off the screen page building 101.com d123 says surprised it’s not inner circle stuff that is I already knew that this that was going to not inner circle stuff. That is, I already knew that this that that was going to be brought up, right? And I’ll tell you exactly why this is not in the inner circle. It is, I don’t see the inner circle as 101 content, right? This is a 101 course. And granted, while this 101 course is going to be far more in-depth and valuable than almost any other 101 course that’s ever been created on and valuable than almost any other 101 course that’s ever been created on this topic.
0:13:42
It’s still to me, fundamentals, it’s still 101, right? We use the inner circle for 201 and up type stuff, all right? If you don’t know what 101 and 201 and 301, these are, in the US, I don’t know if it’s anywhere else in the world, but in the US, this is how they number college courses, right? So like the 101 is always the intro, then you have the 201 is like more intermediate, 301 and on and on and on and up. 101 is always the intro, then you have the 201 is like more intermediate, 301 and on and on and on up.
0:14:06
So I just see, I see the inner circle as 201 plus content, not 101 content, not fundamentals. So, I mean, there is a lot of fundamentals in there, but it’s, you know, presented in a way that’s more 201 type, right? So, you know, this is, 101 is free for everybody, and it’s a good introduction to, hey, if you loved this 101 course, then guess what? and it’s a good introduction to, hey, if you loved this 101 course, then guess what?
0:14:29
I mean, you’re gonna really love the Inner Circle. So it’s really valuable from that standpoint. If we can get more people using better page builders, I think that’s always a gigantic win. So there’s more benefit to the Inner Circle for this to be free. There’s more benefit to the industry for this to be free. There’s more benefit to everybody for this to be free. There’s more benefit to the industry for this to be free. There’s more benefit to everybody for this to be free.
0:14:55
So I just, that’s the way I went. Okay. I think we’re good. I’m just reading the chat real quick. Will the course be ready by tomorrow? Of course, yes. Yes, let me hit start on the microwave. All right. start on the microwave. All right. Here we go.
0:15:17
Let’s go. We’re done talking about PageBuilding 101. PageBuilding101.com, go ahead and sign up. Let me get the first website on the screen. This is RUFGuitars, or R-U-F-Guitars.com. RUFGuitars.com. We are going to start with our no-scroll test. We’re going to start with our no-scroll test. So this says right off the bat, inspired by science, created with R&D. Innovative composite instruments made of roughing, the most advanced fully adjustable material scientifically designed to get the perfect tone.
0:15:55
Unprecedented ergonomics combined with the adjustable sound creates the most reliable and comfortable tool for modern musicians. and comfortable tool for modern musicians. Okay, I can learn more or I can go ahead and order now. And I can’t scroll around because we’re doing a no scroll test. So what I’m gathering is that we are selling custom guitars. We are selling custom guitars made with a material called roughing, which I’ve never heard of before. Now the name rough guitars makes sense.
0:16:24
before. Now the name, rough guitars, makes sense. I see a navigation right off the bat. I don’t like the size of the navigation. It’s a bit small, feels a bit small, feels a bit cramped. So I would say let’s maybe improve. It doesn’t look very inviting. Like does that nav make you want to use it? Not really. It’s a, it’s not very inviting. So I would say like immediate. I mean, look, look, So I would say like immediate, I mean, look, look, why are the social icons larger than the navigation of the website? That’s a really good question that we should all be asking ourselves.
0:17:01
There’s another question that we should ask ourselves, which is should these icons even be here? What do you say? I wanna see what everybody said. Let’s do a pop quiz. I mean, you probably know what I’m gonna say, but let’s do a pop quiz. What do you guys think? I mean you probably know what I’m gonna say, but let’s do a pop quiz What do you guys think should these social icons even be here?
0:17:19
Should they even exist here now? There’s I don’t know if you guys can see that because this definitely is not an accessible contrast ratio Inspired by science is up here in the top. You can get rid of that too. Just get rid of this What do you guys why are we I’ll just I don’t know we can even we’ll just take a shortcut Why should this not be here? Let’s take a shortcut. Why should this not be here? Why should these icons, because I do see this quite often, quite often you’ll see. And by the way, you’ve got to have an answer for this because the client is going to ask you.
0:17:51
Clients ask you to do this all day long. Clients are in love with their social media icons. Absolutely in love. Oh, we got to get people to Facebook. We got to get people to Instagram. And then you go to their Facebook and Instagram We got to get people to Instagram. And then you go to their Facebook and Instagram and ain’t nothing happening on Facebook. Like, you know, they’re not even good at Facebook and Instagram, but they love it.
0:18:09
They really want people there. Because they’ve heard how important social media is these days. Ruben says no, they should be at the bottom. Chaha Design says no, no to social icons in the header. I get no, but why? Why? Why? Yeah, yeah, yeah. Okay, good. Ann Marie said it. Visitor will leave the site. but why?
0:18:24
Why, why, yeah, yeah, yeah, okay, good. Ann Marie said it. Visitor will leave the site. We talked about this last time, I think, the episode before. This is the central marketing, the central online marketing hub for a company is their website. Social networks are satellites. They float around your central hub.
0:18:45
You want to get everybody to the central hub and you want to keep them there until they convert. That’s the goal, okay? You don’t want to send them off to satellites until they convert. That’s the goal. You don’t want to send them off to satellites to poke around. There’s no benefit to immediately, by the way, immediately, like the very first thing on the page, it’s like, hey, do you want to leave? I know you just got here, but do you want to leave? Do you want to go to one of these places? That’s not a great UX conversion strategy. So just kill this entire top bar right here. Kill it with fire. So just kill this entire top bar right here.
0:19:14
Kill it with fire. Okay, rough guitars, navigation we talked about is too small. I mean look at all this space you have available to you. You can easily make this navigation a little bit bigger. I’m not very keen on the bar above the active link. The bar underneath the active link would probably be just fine, but the bar above the active link, it feels a little off. It feels a little off. Scratchable says, I can’t see the nav on my phone. OK.
0:19:43
Let’s test that out. Well, oh, oh dear. What are we, what’s our logo doing right here? Let me see this. Yeah, I don’t know. I see a nav. It’s not the best one in the world, but it’s there. I’m more concerned with why this logo is creeping. Why is this logo creeping on us? I’m more concerned with why this logo is creeping.
0:20:03
Why is this logo creeping on us? Look at that. Oh boy. I always see how far in to a site can we get before Kevin Hart shows up. So we have margin right and left of 151 pixels. That’s interesting. 151 pixels. Hmm that’s interesting. Hmm okay all right well see how height and width are both set here at 130 pixels? You you don’t have to do that. So you can just set a height. It’s really safe to set a height on logos. See I get rid of See, I get rid of the width and nothing happens.
0:20:52
Well, here it is here too. So I get rid of it there. My gosh, okay, everywhere. You wanna be careful because you’re set, look at, ah, see? See, I knew this was a possibility. Look at what happened to our logo. We’re finagling our logo here. Yeah, that’s always a problem because you’re setting a width and height.
0:21:10
So you’re saying this has to be a square, but maybe that’s not an actual square logo. be a square but maybe that’s not an actual square logo maybe the file itself is not square so immediately you’re either cropping it or warping it when you set a width and a height really all you need is the height the height allows it to not get any taller than it’s supposed to be and then it’s width will just be auto beyond that so much much safer just set a height by itself but I don’t know why I don’t know why we have this margin left and right coming in I I don’t know why we have this margin left and right coming in. I want to see if it’s, it’s not on desktop.
0:21:43
It’s only on mobile. So you’ve, I don’t know, you had a situation that was not going to be a problem and you’ve for some reason created a problem. You were like, you know what? That shouldn’t be on the left. We’ll just, oh, we’ll just pop it to the center like that with margin left and right. And I don’t know why that has happened. That does not need to happen.
0:22:00
I don’t know why that has happened that does not need to happen so if we take off margin left and margin right That’s what it should be doing right there. This is the left side of your page we scroll down You know your content. I don’t know why your contents not we’ll look at that in a minute your content should kind of be aligning With it. I’m also you know what are you guys thinking about centering everything on mobile I? tend to left align everything on mobile I tend to left align everything on mobile. Because, you know, we’ve talked before about some of these paragraphs being like this right here, bit too big to be centered. So I just think everything looks really clean when it’s all left aligned on mobile.
0:22:38
And then same thing with these icons right here, which by the way, you know, like they’re taking up a lot of room on mobile. This inspired by science doesn’t really give any benefit whatsoever. Yeah, I mean, if that just wasn’t there, Yeah, I mean if that just wasn’t there, man, we’d be much better off, wouldn’t we? So I can get rid of that and I can get rid of that. I mean, look at this. Look, now it’s so clean.
0:22:58
We got our branding in the top left corner where it’s supposed to be. It’s not creeping. It’s not floating out here in the middle. And then we’ve got our nav on the right-hand side. We’ve still got our translation thing. This is what it actually looks like, right, versus what I just showed you. So isn’t that objectively better? versus what I just showed you. So, isn’t that objectively better? I mean, look at this, and then look at that.
0:23:20
Look at this, and then look at that. I think it’s a good improvement. All right, let’s talk about all this copy stuff going on here. So, we did our no scroll test. Let’s do this, let’s do this. Derek says he prefers left aligned paragraph text only. I agree. Derek says he prefers left aligned paragraph text only. I agree.
0:23:41
Guitar could be rotated 90 degrees on a smartphone view. Well, yep, yep, okay. Guitar is overflowing the screen. Maybe the guitar should be upright on mobile. Yeah, all good, all good concepts for sure. I actually don’t like the fact that it’s completely sideways on desktop. I think like an angled approach. Actually, I think, you know, a product like this would almost always be best represented vertically.
0:24:00
a product like this would almost always be best represented vertically. Because now we’re not covered with it, why would we want to cover up part of the product? Like put the product and let’s not make it a background image. Let’s make it a real image that maybe even the tip of this guitar right here, if it was vertically, can overlap the next section. You can create a little layering effect with it. You can put some pseudos around it to help it be a little bit more exciting. and pseudos around it to kind of help it be a little bit more exciting.
0:24:29
And of course it would be sharper, you know, if it wasn’t a stretched out background image, if it was a legit image and it was a vertical, I think definitely this could be better. Just get rid of this whole background image concept. You can leave this little honeycomb thing, that pattern, I don’t know if you guys can see that based on YouTube resolution, but it’s like a little honeycomb background pattern back here. It’s like a little honeycomb background pattern back here leave that leave that but take the guitar out of that context and make it upright And let’s show off the whole thing So what I’m more concerned about here is the copy though, so what I want you to do is pretend that this Doesn’t exist okay. This doesn’t exist and The nav doesn’t exist this logo doesn’t exist and just read the headline and read nothing else inspired by science the headline and read nothing else. Inspired by science, created with R&D.
0:25:18
And my question to you is, what are we talking about? If you didn’t have any other context, there was no guitar photo, there was no supporting text, what are we talking about? This could be a surgical device for all I know, inspired by science, created with R&D. This could be a new Tesla. This could be a lot of things. This could be a new Tesla. This could be a lot of things. So what that tells me is this headline does not speak to this company, does not speak to this product whatsoever, specifically. Okay, so this headline’s gotta go.
0:25:52
We gotta rewrite this headline. Then you bring in this and we say, the way that you can easily grade this is, you know, can a fifth grader understand what I’m trying to communicate here? You know, can a fifth grader understand what I’m trying to communicate here? Because there’s a lot of big words. We’ve got innovative, composite, instruments. Well it’s, you know, first of all, I see guitars. I don’t see any other instruments.
0:26:16
Now maybe there’s other instruments coming, I don’t know, but right now, it’s a guitar. So there’s no reason to use the word instruments. You know, innovative. You know, innovative, all right, everything on the internet is innovative these days. And then it’s composite, which, you know, I don’t know if that’s good or bad, honestly. So it’s made of ruffane. So now we actually get to something specific that I can chew on. So we do need to talk about ruffane here in the intro. But so far, innovative composite instruments, way too mouthy, wordy, and just, you know, big words.
0:26:48
and just you know big words. Fully adjustable material, the most advanced fully adjustable material scientifically designed to get the perfect tone. I think we need to talk about how the material gets the perfect tone but I don’t know what fully adjustable means. I don’t know why that’s a benefit. I don’t know how that impacts anything. You know, okay, scientifically designed. It’s just we got to use more plain language here I think. There’s a much better way to explain It’s just we got to use more plain language here. I think there’s a much better way to explain this and just pretend like you’re talking to, you know, a fifth grader and it’s like, all right, I got to explain this to them and write it like that. Unprecedented ergonomics. Right.
0:27:26
It’s just like how many big words can we use? The more big words you use, the lower your conversion rate goes. OK, so use less, use less big words. Find find simpler words for these things. last big words. Find simpler words for these things. Okay, so let’s start scrolling around. Scientists and luthiers. I don’t even know if I’m pronouncing that right. But we have another headline. Read this with no other context whatsoever. Are you getting any information? Are you getting any benefits? Are you getting anything? Anything? No. Scientists and luthiers. It doesn’t mean It doesn’t mean anything.
0:28:01
So most of the crew are, oh, okay, so this is like about them. Most of the crew are mechanical engineer. This is where a little tagline, you know, absolutely. You know those accent headings that I like to use all the time? This is exactly where one goes, okay? The accent headline should say about us. That way you’re writing something in plain language indicating what I’m about to read, right?
0:28:23
Because this doesn’t give me anything. And then I got to figure it out by like, okay, most of the crew. I thought we were going to still talk about because this doesn’t give me anything. And then I got to figure it out by like, okay, most of the crew, I thought we were going to still talk about guitars, but now we’re talking about people. Most of the crew are mechanical engineers experienced in aerospace engineering.
0:28:37
That allows us to use the most advanced tools and software to achieve results and accuracy that cannot be matched by the competition. It’s so much, it’s so much. I can tell that it was written by mechanical engineers. It’s um, I can tell that it was written by mechanical engineers because this is like their their Professor assigned them a paper and this is the paper they submitted my guy like this is uh, you know You could tell this is a this is written by somebody with words, right? They got the words But it just all needs to be simplified and then you can you can turn this into a story And then you can you can turn this into a story Like we could just ask a question here What happens this let me just let’s just riff for a minute and you tell me what you think?
0:29:26
We just start out by asking a question. Maybe this could be the headline of the page. I don’t even know What happens when aerospace? engineers engineers use a new material called roughing to create the perfect sounding guitar? Just a question, just ask a question. And you kind of fit all that really important stuff into one simple question. And that simple question kind of raises like what, what, aerospace engineers made a, made a new guitar that sounds perfect and it’s made with a material called roughing? I think I want to know more. Now tell me more.
0:30:03
Now share with me, right? with a material called, I think I want to know more. Now tell me more, now share with me, right? That’s kind of, you want to create some intrigue. You could just do that with a very simple question. That could be your headline, I don’t know. I think that would be a better headline than this, right? You just ask that blatant question, it’s like, wow, I’ve never seen a guitar created by aerospace engineers before.
0:30:21
I’ve never seen a guitar created by Ruffein, maybe, I don’t know, but yeah, I mean, I feel like that would be a better way to go. But yeah, I mean, I feel like that would be a better way to go. You create like a narrative. You create a lot more investment from the visitor. Like, ooh, I gotta hear about this. Okay, so that’s just an example. This riffing, get the pun yet? Okay, all right, so, See, yeah, you can rewrite this.
0:30:50
Let’s keep going. I think that’s enough for that section. So yeah, you can rewrite this. Let’s keep going. I think that’s enough for that section. Are UF guitars, are rough guitars unique features? So now we went from very abstract headlines to like ultra specific. Like all right, now we’re just, we’re talking about the unique features.
0:31:08
And again, this is where I, unique features should be reserved for a accent heading and then say something meaningful should be reserved for a accent heading and then say something meaningful with the actual large heading on the page. Because you can fit in more value here into this headline. Don’t waste headlines, like big headlines, on very specific words, right? So accent headings should say unique features and then you have a nice big headline to talk about, and then you have a nice big headline to talk about, like sum up the unique features almost in the headline.
0:31:43
And another example could be like, the best sounding guitar you’ve ever heard. Okay, the best sounding guitar, so it says unique features, the best sounding guitar you’ve ever heard, and then guess what, here’s the reasons why it’s the best sounding guitar you’ve ever heard. That kind of like wraps everything up. Okay, so you’re just wasting an opportunity by putting unique features Okay, so you’re just wasting an opportunity by putting unique features into this big marketing headline right here.
0:32:07
We talk a little bit about what Ruffain is. All right, and then we have your YouTube channel. Okay. So, this looks to me like it’s the latest videos, like the two latest videos. If you’re a content creator, the two latest videos. If you’re a content creator, so you go to like, you go to gary.co. I always have to give extra context to these things because people always make these ridiculous objections.
0:32:40
Because what I’m about to say is, you shouldn’t use the latest videos in the YouTube feed. And then the first thing somebody’s going to do is they’re going to go to my website, they’re going to scroll down, and they’re going to be like, you hit the latest video. is they’re gonna go to my website, they’re gonna scroll down, and be like, you hit the latest video! Like, okay, like, so let’s create a distinction.
0:32:56
If you’re a content creator, it makes sense for you to have your latest video on the website. If you’re selling a product, it doesn’t necessarily make sense to have the latest videos. It makes more sense to have the two highest performing videos in terms of things like watch time, conversions, all of that. like watch time, conversions, all of that.
0:33:15
Like give me your two best performing videos if you’re trying to sell me something. Don’t just give me the random latest video. If you’re a content creator, give me the latest video. Maybe I just wanna see what you’ve been up to lately, right? So there’s a different context that we are talking in. For all of the people who are like, immediately want to find an example where I’ve done something different than what I’m saying now.
0:33:38
Okay, so I would say, you know, than what I’m saying now. Okay, so I would say, you know, let’s get, I want a video of the guitar, right? I want a video of where’s the pitch. If you got a pitch video, I want the pitch video right here. Hit me with the pitch. All right, testimonials. Great, great, great.
0:33:54
Ready to order. Configurator, ooh, configurator. That’s gonna be fun. All right, let’s click on configurator. Let’s get your, oh, that doesn’t look like a configurator. configurator. Let’s get your, oh that doesn’t look like a configurator, that looks like a very large form. Okay let’s get your Ruffain flavored guitar done. I don’t know am I gonna eat off of this guitar? I don’t I’m not sure I get it you’re trying to add flavor to the headline maybe but I’m not sure that works great for guitars. Okay so the main configurator for guitars. Let’s see this because this at first glance looks a bit like a conversion nightmare if you ask me. So we’re going to go through this but let me before I dive into this form let me see what people are saying. I don’t see how aerospace engineering is related to sound creation. Sound engineering is better. I don’t know you could you could creation sound engineering is better.
0:34:51
I don’t know you could you could you could tie it in look it’s marketing you can you can tie in almost anything. I agree. Okay, so good acoustics come from actual wood. Hey, I don’t know. I you know, yeah, traditionally, maybe good. By the way, I don’t know anything about guitars. Good acoustics could come from actual wood, but you can’t just say, oh, it’s not wood. So it doesn’t have great acoustics.
0:35:12
I mean, it’s if it’s a material you’ve never heard before, at least hear it, you know, give it a chance. I mean, if it’s a material you’ve never heard before, at least hear it, you know, give it a chance. And that’s why they need a video. Wouldn’t a video that says, here’s the traditional wooden guitar, sounds like this. Here’s the roughing guitar, sounds like this. It’s like, hey, let’s immediately give people a comparison. Let’s give people more information, context, real world, video, audio. Let’s hit all their senses other than flavor. You don’t need to hit the taste buds with the guitars, okay?
0:35:36
You don’t need to hit the taste buds with the guitars, okay? But I think a video on the homepage that, hey, let’s show people what we’re talking about, that would be a really, really good thing to have. Okay, always break those long forms into steps. Well, I think there’s going to be more that we’re going to find out in this form that needs to happen. I traveled professionally for 10 years playing the guitar. I don’t care about a website. 10 years playing the guitar. I don’t care about a website. I need to hear the difference as a guitar player video showing that exactly, exactly. Okay. So I don’t even know anything about guitars, but what I do know is that when you’re marketing products that people need to see and hear and feel and stuff like that, you better let them do that. Okay.
0:36:19
Main series, Dr. Professor. So I’m confused on the very first question and this is what I, I’m gonna get confused on the very first question. And this is what I feel like I was going to run into this challenge. What does this mean? Doctor or professor? Guitars, I see Schrodinger. I don’t see doctor, I don’t see professor. Anybody know what this means?
0:36:43
And it says learn more about our series in the facts section, but now I’m leaving the order form. Doctor is our main series. Doctor is our main series. It’s the combination of solutions that are the best for us. And as we believe, believe, believe, for modern musicians. We can also make a fully custom shape. This option is available in our configurator under professor name. It has only one step, send us an email.
0:37:07
Then we can do almost everything the client desires. However, they do need to be aware that the production process will probably be much longer. Okay. What is the doc? much longer. Okay, what is the doc, I would need to know like okay now I got to put my brand strategy cap on. We got to go into the boardroom and talk about brand strategy. I need an explanation of what a doctor and professor means. Are these music terms that I’m not aware of? Are these, do these mean anything to anybody? Because if they don’t I think we need to rethink how our series is named. So I’m just going to let the chat, anybody I’m not gonna say what the series is named.
0:37:39
So I’m just gonna let the chat, anybody who is well-versed in guitaring, go ahead and let me know. If those words, do they mean anything to you? Okay, so let’s go back to the form. We can’t do professor because nothing happens, so we’re just gonna do doctor. So the dexterity, all right, am I right or left-handed? And once again, I mean, is dexterity the best? Can we just use plain language like, Can we just use plain language like, are you right or left handed?
0:38:03
Right or left? It’s just better to use plain language almost always. Model, Schrodinger, okay? Ruffain flavor. Again, I don’t think flavor is the best word to use here, but we’ll just go with plain. I do wanna learn more about the flavors. Is flavor a common word used in guitaring? Some of you guitar people are gonna have to help me out. in guitaring. Some of you guitar people are going to have to help me out.
0:38:34
Okay I don’t know. Alright let’s keep moving on. We got a finish, satin, gloss, deep matte. Well I don’t think I’ve been able to see these anywhere. Where’s a visualization of… See I have to keep leaving the form in order to go I have to keep leaving the form in order to go learn things in order to do the form that should tell you right there there’s a big problem because unless somebody has all this information in their head automatically somehow they’re not going to be able to do this all they’re going to be like oh my god am I selecting the right things oh what is that going to look like oh there’s like so many objections popping into their head this is why companies when you say when you say configure your guitar like you configure your Tesla let’s let’s um see I don’t know how a Tesla works I don’t know how it’s created but let’s go here order now so model s model s plaid all right so I’m going to come down here paint black hey that’s what it’s going to look like that’s what the silver is going to look like that’s what the blue is going to look like you see how they that’s what the silver is going to look like, that’s what the blue is going to look like.
0:39:40
You see how they make this very, it’s got to be visual. Now this costs a crap load of money to do this right. It’s quite complicated, but you know what, it’s what a configurator is, because people can’t make the decisions if they can’t see what they’re configuring. And this is a common problem, right, it’s not something you can cut corners on. something you can cut corners on. So immediately when I am consulting for a client like this and they’re like alright here’s what we’re going to do, here’s our plan, we’re going to have a form and it’s going to have 37 fields and people are just going to choose from drop downs and then they’re going to hit submit and I’m like no you’re not, that’s not what we’re going to do. That’s not what we’re going to do. We have to invest the money in creating a visual configurator if that’s how we’re going to do this. They’ve got to be able to creating a visual configurator if that’s how we’re going to do this. They’ve got to be able to see their options or what we’re going to do if we can’t do that if we can’t create a custom configure configurator what we’re going to do is we’re going to create presets effectively right here’s a here’s a guitar we’re going to give it a name here’s a guitar we’re going to give it a name then you know what we’re going to give it we’re going to put it in a series so here’s a series here’s a series here’s a series though you know So here’s a series. Here’s a series. Here’s a series Though, you know series one might have a x-shape and series two might have a different shape or style or whatever and then there’s gonna be colors and we’re gonna show the colors of each one and That that’s what we’re gonna do if we can’t have a configurator, but we’re not going to do this this Isn’t really gonna work for anybody except the die-hard person. That’s like I am gonna get my hands on a rough guitar Regardless of how hard they make it like the most determined buyer regardless of how hard they make it.
0:41:14
Like the most determined buyer you’ve ever seen in your life will do this process, but everybody else probably won’t. You’re gonna get phone calls and emails, like I don’t know what the hell I’m doing, I don’t know what all these things mean. So I think this has to be scrapped completely. We’ve gotta get better on, let’s go to this page, is there, here’s a gallery, but I don’t know, to me they all look the same.
0:41:37
It looks like a gallery of all the same guitar. to me they all look the same. It looks like a gallery of all the same guitar. That all looks like the same guitar. So I’m not really seeing different shapes, I’m not seeing different colors, I can’t select any to purchase. That’s the route I would go. Like let’s go you know traditional ecom. I think that I got you got to get rid of the configurator. If it were me I’m consulting on this the configurators got to go unless we get a legit If it were me, I’m consulting on this. The configurator’s gotta go, unless we get a legit configurator.
0:42:06
And by the way, you can create a configurator with WSForm and WooCommerce. Like a pretty decent, pretty, much better than this. I won’t say it’s Tesla level, but much, much, much better than this with WSForm. Like when I select the gloss, it’s gonna swap the image and show me a glossy one. When I switch to piano white, When I switch to gloss, it’s going to swap the image and show me a glossy one. When I switch to piano white, it’s going to swap it and show me a white one.
0:42:32
When I do this, anything I need to see related to that, like the fretboard. First of all, somebody’s got to be almost like an expert in guitaring to even know what all this stuff is, right? So what if I want to order as a gift for my nephew or something? or something, I don’t know. It’s just kind of very exclusionary, if that’s a word. All right, let’s go to about our story. Well, actually, let’s go back to the homepage. Let’s look at some DOM related stuff. Let’s see what this was built on.
0:43:05
And then we’re gonna swap over and we’re gonna do the next one. So this is built on Oxygen. Let me get out of mobile mode here. Okay, so let’s look at something. of mobile mode here. Okay, so let’s look at something. Let’s do an inspection like on this right here. Because immediately I see, what am I seeing? I’m seeing an element that’s used multiple times, right?
0:43:24
This card, this little card here. So we have music benefits column. Okay. Let’s open this. We have music primary text. Okay. Primary Text. Okay. Music Primary Text. Okay.
0:43:46
So we have a problem right off the bat with the way that we’re naming classes. And I, you know, I do, I do, I guess see this quite often. I guess when people are maybe newer to using classes. So the first rule of a class is that it should be semantically accurate. So the first rule of a class is that it should be semantically accurate. The name should be semantically accurate. And we can see right off the bat that music benefits column is not semantically accurate because that my friends is not a column. A column is this. All of this.
0:44:18
Both of these cards are in a column. But really if this is a grid, you don’t have a selectable column at all. So you don’t need anything that says music benefits column. column at all. So you don’t need anything that says music benefits column. Now this is all done with flex. It’s not it’s not actually a grid but kind of the same point remains right. You didn’t create a wrapper that makes a column. You just have cards. I don’t think. Yeah so you have rows. You have two rows which aren’t really needed here. You know this this should all be done in one container and You know, this should all be done in one container, and it should have been done with grid, because it’s, you know, whenever you have, well, guys, it’s a grid.
0:44:57
I mean, if you’re looking at a grid, then you should have done it with grid. So that’s one thing. So these are not columns, these are cards. So you wanna rename that to card. This is a music primary card. I don’t even know if music primary card, you know, even is a good name. You could say primary card, doesn’t even need to be music. I mean, the whole site’s about music, right?
0:45:12
is a good name. You could say primary card, doesn’t even need to be music. I mean, the whole site’s about music, right? So the word music doesn’t really need to be there. These are features of a guitar. They’re not, there’s nothing music about them. They’re just features. So you can name it feature card. Like that would be, that would be fine. Primary feature card, if you’re gonna have multiple types of feature cards, that would be fine too.
0:45:32
But what it’s not is it’s not a music benefits column. That it’s a card. Then we get into music primary text, but that’s not text. That it’s a card then we get into music primary text, but that’s not text. That’s a heading Or it should be a heading. Let’s inspect so Okay, so that’s a div And so we see the problem of div div div div div div div div div everywhere. Everything’s a div When really we need this to be you know, some people will argue. Oh, it shouldn’t be a heading It should be a paragraph some people will argue. No, it should be an h3 argue, oh, it shouldn’t be a heading, it should be a paragraph.
0:46:03
Some people will argue, no, it should be an H3. It definitely would not be an H2 or an H1. If this is an H2, then, which it is, these should be H3s. Let’s see what this thing is over here. H3. This should really be like an aside. This is not a benefit. See, it’s in the benefits or the features section, but it’s, you know, it’s kind of an, section, but it’s, you know, it’s a, it’s kind of an, it’s exactly in my estimation, what an aside is for.
0:46:31
Right. So you put this in an aside tag and then it can have, um, I believe, you know, once it’s in an aside tag, it can have an H2, it can be an H2, cause it’s kind of like the topic of the aside rather than another one of these cards right here. But really it’s not, this is not a div and this is not a div either. It, it is, but it shouldn’t be, is what I’m saying. This is not a div, and this is not a div either. It is, but it shouldn’t be, is what I’m saying. So this should 100% be a paragraph like that. And then you start to see, this is why some people don’t turn these things into paragraphs, now we have a spacing issue.
0:47:03
Because in Oxygen, and really almost every builder, there’s gonna be default spacing that’s added to a paragraph tag. Anytime a paragraph tag is detected, it gets all these margins. And this one is especially unruly Anytime a paragraph tag is detected, it gets all these margins. And this one is especially unruly because it’s creating a negative left margin.
0:47:22
Oh, that’s on this text block right here. Man, why is that happening? What was that for? Why is your paragraph indented? Whoa, whoa, whoa, whoa, whoa, whoa, whoa. Why is the heading? Wait, hold on, I hit the wrong one. Oh, hold on. I hit the wrong one. All right. Do you guys see that? The heading is outside the bounds of the box to the left for no reason. This didn’t need to happen. There was nothing causing this. Yeah. Why do these things all have a negative left margin? They don’t need They don’t need a negative left margin.
0:48:02
Oh, you’re trying to somehow account for the fact that there’s padding inside of this card. So you have padding in a card, but then you were like, I don’t really want the padding on the left. And so what I’m gonna do to fix that is I’m gonna create a negative left margin on the elements that are inside the card. This is greatly over-engineered. If you don’t want padding on the card, then just remove the padding from the card.
0:48:24
then just remove the padding from the card. Okay, now that card doesn’t have any padding. Oh God, it’s overflowing the other one now. Do we have a gap in here? And this is the problem with flexbox is so messy for this kind of thing. So, oops, 2M. Okay, see, you break the flex. Okay. See, you break the flex.
0:48:52
See, putting a gap on a grid would not break the grid, but putting a gap on a flex container will often break the flex container because the children were set to an explicit width of 50% and there’s not enough room for a gap. And so it’s like, sorry, dog, we can’t have that gap. We’re going to have to wrap now. So it starts wrapping the content to new lines and you end up with all of this nonsense. starts wrapping the content to new lines and you you end up with all of this nonsense. Flex is not a good approach to layouts like this.
0:49:20
People use flex all the time for these layouts primarily because their builder doesn’t allow them to use grid which they should be using for this type of layout. So this is going to be a little bit difficult to fix on the fly because there’s so many different things going wrong with it but never have padding and then be like but I want to move the things over my padding for out just get but never have padding and then be like, but I want to move the things over my padding for I’ll just get rid of the padding and then create a gap. And you would get the same exact grid without all the nonsense going on.
0:49:47
But this needs to be an H3, this needs to be a paragraph tag, these need to be LIs inside of an unordered list, so list items inside of an unordered list because it’s a list of features. So there’s a lot, a lot, a lot, a lot, a lot wrong here. And then I wanted to hit on this very, like very fast. wrong here. And then I wanted to hit on this very like very fast. Music primary text is on the heading. Music primary text class is on the text as well. These are two completely different styled things. Why do they have the same class? So the question is what is that class doing? All that class is doing is setting a color of white and it’s setting a font size fixed of 18 pixels and it’s setting a line height and a font weight. None of this stuff that it’s is setting a line height and a font weight.
0:50:25
None of this stuff that it’s doing has anything to do with this class right here. These should not be shared styles across a heading. And you can see that they’re being overridden at the ID level. This is page building 101 was built so that this stuff does not happen anymore. Right? You’re going to learn exactly why, like this is, this is the spaghetti soup that I was talking about earlier. And you come back three months from now to work on this website. Good luck, my friend.
0:50:48
and you come back three months from now to work on this website, good luck my friend. Good luck. You are going to find yourself waking up in an absolute nightmare, a nightmare to try to maintain a website that’s built like this. We’ve got negative margins, accounting for padding that we didn’t want. We’ve got classes that are shared between headings and text.
0:51:12
We’ve got styling at the ID level overriding different things, We’ve got styling at the ID level overriding different things, which means I can’t even fix all of these problems at the same time I have to fix this problem card by card by card by card by card My god, how many pages did they use this card on? I hope it’s only this one because if it was a lot more the nightmare just got worse So we’ve got to avoid this stuff at all costs got to name our classes, right? We got to use our classes in the right context We gotta use our classes in the right context. We can’t be doing ID level stuff on multi-use elements. We cannot be breaking these rules because we’re creating nightmares.
0:51:49
And ultimately, by the way, if you charge per hour, like if I was a client, put yourself in the client’s shoes and the client’s like, oh, well we gotta change these cards, we gotta add another page, and we’ve gotta change the structure of this page. add another page and we’ve got to change the structure of this page. There’s hours of extra work involved in doing that because of how this was built. Who should pay for that?
0:52:11
If I’m the client and I’m like, whoa, whoa, whoa, you mean you can’t change all these cards at the same time? You got to go card by card on every page. I’m not paying for that. Why’d you do that? You shouldn’t, the client shouldn’t have to pay for the inefficiencies of the developer. You’re like, oh, I charge for the hour. to pay for the inefficiencies of the developer, you’re like, oh, I charge for the hour, that’s how much time it takes.
0:52:30
Well, it only takes that much time because you built it wrong. Don’t build it wrong, and then it won’t take that much time, and then it’ll be cheaper for me. So I shouldn’t have to pay for that if I’m the client, right, don’t you agree? Why should the client have to pay for the inefficiencies of the developer? And so this is a classic example of where someone can say, oh, well, with Breakdance, I can build the site faster.
0:52:48
of where someone can say, oh, well, with Breakdance, I can build the site faster. And this isn’t Breakdance, I get it, right? But people always wanna talk about initial speed to build a site. I don’t care what the initial speed to build a site is. Because when I look under the hood and it’s a disaster, what I know is all the time you saved is now gonna be wasted tenfold when we need to maintain the site and scale the site and change the site later.
0:53:13
So you didn’t save any time. You didn’t do anything faster. and change the site later. So you didn’t save any time. You didn’t do anything faster. You got to version one faster, and you ensured that version two, three, and four are gonna be an absolute nightmare. That’s what you did. So these are very, very common problems when people get their hands on page builders, but where are the fundamentals?
0:53:33
All of the fundamentals were thrown out the window in this one section right here, which tells me they’re probably thrown out the window this one section right here, which tells me they’re probably thrown out the window across the entire website. So this is exactly what Page Building 101 is designed to prevent and fix. And everybody will be better off. The developer who has to come back and change things on this site will be way happier.
0:53:54
They won’t want to jump off a bridge face first. And the client will be much happier because they won’t be wasting money while the developer tinkers with all the stuff they didn’t build right the first time. wasting money while the developer tinkers with all the stuff they didn’t build right the first time. So everybody wins when you build it right from the beginning. All right, I’m done. We’re gonna we’re gonna move on to I think they’ve got enough value here. You can you can go back and make so many changes based on what we’ve said to the copy to the structure. So many things can be cleaned up here.
0:54:21
All right, let’s move on. All right, let me hit the chat. All right, let me hit the chat. We always do a little pit stop in the chat before we get to the next site. Okay, most expensive guitar cost me 8,500. I would never buy a guitar without feeling it. That is a good point. So what they would have to do, Ruben, if, let’s say, because people are like, well, how do I have a guitar shop online where people can’t feel the guitar?
0:54:47
Well, you gotta do something crazy, like what the mattress companies do, okay? Like, if I buy a mattress online, something crazy like what the mattress companies do. Okay. Like if I buy a mattress online, obviously I can’t go lay on it. Okay. It’s there’s, it’s not physically possible. So the way they got around that, because there’s a lot of people in the same position, like I will not buy a mattress if I can’t lay on it first, there’s a bunch of those people.
0:55:06
And so how did they get around it? They got around it by saying, we’ll ship you the mattress. And if you don’t like it after you lay on it, then it’s free to ship it back to us. And we’ll refund your money. No questions. on it, then it’s free to ship it back to us and we’ll refund your money. No questions asked. In fact, we’ll give you 90 mattress and on the 89th day, if you decide, nah, I’ll sit in the mattress for me, pack it up, ship it back. And, uh, you know, we will, uh, we’ll give you your money back and you can ship it back for free.
0:55:28
That’s how they got around it. And so you can do the same thing with the guitar. So, especially if these are expensive guitars, Hey, we’re going to ship you your guitar. And if you don’t like it, ship it back to us and you owe us nothing. And then just take that guitar and go sell it on the website. And if you don’t like it, ship it back to us and you owe us nothing. And then just take that guitar and go sell it on the website.
0:55:42
This is a pre-configured, here you go. Anybody want this? All right. Ruben says, I would have a heart attack to edit this website. Would be easier to rebuild. Okay, so clients hate to hear this, but I end up saying this all the time to clients, right? They’re like, hey, we wanna make some changes to our website.
0:56:04
That’s always the code, right? all the time to clients, right? They’re like, hey, we wanna make some changes to our website. That’s always the code, right? We just wanna make some simple changes to the website. And I’m like, well, you know, that’s a nice theory. But, you know, once we take a look at the website, it’s like, there’s no simple changes to this website. Sorry, that’s just the way it is.
0:56:19
It would actually be easier to just rebuild it because the simple changes are just hours and hours and hours of work because of the mess that was made. are just hours and hours and hours of work because of the mess that was made. And that is very, very, very, very common. And that’s what page building 101 is hopefully going to alleviate and prevent. All right, let’s move on. All right.
0:56:44
Little Violet’s landscaping and hardscaping. Let’s dive into this. Let’s dive into this. Before we dive in, I want to get the chat’s initial reaction. What is your initial reaction in the chat? Jump in fast, no scroll, initial reaction, this is a landscaping and hardscaping company. Let’s get initial Ruben says, don’t attack Breakdance. I’m not going to talk about Breakdance because I don’t talk about builders that I haven’t used. I looked at Breakdance when it was in like version.045 or something.
0:57:30
And I haven’t looked at it since then. So I will not say anything about Breakdance until I’ve looked at it in detail. Or we’ll do a live. We will do a first impressions or we’ll do a live. We will do a first impressions of Breakdance, kind of like we did with Quickly. I want to do a first impressions of Webflow. It’s been a long time since I’ve looked at Webflow.
0:57:50
I want to do a first impressions of that. I’m not going to bother with the Wix’s and Squarespace’s of the world. It’s just, they’re crossing off the list immediately. But there’s a few. the list immediately. But there’s a few. I’m gonna do a first impressions of what was it? Why is the name escaping my mind right now? God, it’ll come to me in just a second. Okay, so what people are saying is branding is way off. Why these flowers Not my cup of tea, 90s, early 2000s, empty real estate, a lot of white space.
0:58:33
It was throwing me cottage home craft vibes. Reminds me of the PowerPoint websites I used to make in elementary school. Okay, so Derek is here. This is Derek’s site. He says, young woman’s business WordPress theme on Genesis framework, cheap website. Okay, when considering what builder to use, Genesis framework cheap website, okay When considering what builder to use make sure to consider the integrity of the company shots fired I Also have a short question a bit off-topic, but why should you even build with a builder instead of just plain coding?
0:59:06
Because the builder is faster. I mean in most cases unless you’re an expert at Emmett and you and you just love, your whole background is coding and HTML and CSS and PHP and JavaScript, because it goes beyond HTML and CSS, right? So with a page builder, you need to be able to read HTML, you need to be able to write CSS, and then you need to know the fundamentals. But if you’re going to hand code a website, you have to really know HTML, you have to really know CSS. And by the way, when I say know HTML, You have to really know HTML.
0:59:37
You have to really know CSS. And by the way, when I say know HTML, I’m talking about the intricacies of semantic HTML and accessibility, some of the stuff that these builders write for you, right? It’s not just raw HTML, it’s add-on, right? So you got ARIA labels in the mix, you got a lot of stuff going on. So you gotta be good at all that stuff. You have to like, I would say, you have to enjoy writing HTML, number one.
1:00:02
So it’s not even just so you know how to write it, enjoy writing HTML number one. So it’s not even just so you know how to write it. You have to actually enjoy it as part of your process, which I don’t know a lot of people that would like super really enjoy it anymore. So you have to really know HTML if you’re gonna do it by hand. You gotta really know CSS, because there’s gonna be a lot of stuff you have to do that a page builder does for you.
1:00:18
And then you have to know PHP and you have to know JavaScript as well, most likely. So you gotta know a lot more things in order to not use a page builder. You’ve got to know a lot more things in order to not use a page builder. And then you’re also losing the CMS capability of WordPress unless you’re going to hand code a WordPress theme. So it’s just, you know, do you enjoy? Do you enjoy writing? I don’t enjoy writing HTML. That is the last thing on earth that I want to write. So the idea that a page builder will write the HTML, even though I could, I could sit down and hand write the HTML. I could sit down and hand write the HTML, but I would want to jump off a bridge face first.
1:00:54
So I would use a page builder. So a page builder writes the HTML for me. And as long as that HTML output is clean and it’s not cutting corners, right? It gets me to the same destination faster and without, you know, the bridge issue, then yeah, I’m gonna use the page builder all day. Okay, all right, let’s get into this. Okay, all right, let’s get into this. Here’s what I’ll say right off the bat about this website.
1:01:19
Here’s what I’ll say right off the, and it’s probably, you probably couldn’t guess that I was going to say this, but every website in landscaping and hardscaping looks almost identical, like, you know, except for colors and things like that. They all say the same things. They all look exactly the same way. they all say the same things, they all look exactly the same way. They all tend to be fairly masculine, I guess. And so, then I think about the average consumer who is booking landscaping services and hardscaping services. I think we have seen enough data to know that it’s, you know, primarily women shopping online.
1:02:00
women shopping online and for a house scheduling a lot of these, I know my wife found the landscaper that we use as an example. I know that’s an N equals one situation, but I think it’s quite common. And so there’s just something in the back of my mind where we look at a website like this It doesn’t fit the mold of, it’s like, the design is all over the place, there’s floating flowers, there’s a slider, which we all hate, there’s a logo that’s not a great logo, there’s, well, we can talk about this white space issue in just a second, there’s a scripty font that usually is not ideal at all, and probably actually isn’t ideal for this either, but in the back of my mind, somewhere, not ideal at all, and probably actually isn’t ideal for this either, but in the back of my mind somewhere, and I was just talking about this, we had a big discussion about this in my mastermind group, ugly websites, I’m sorry to call this ugly, but ugly websites can convert like gangbusters if it fits the target audience.
1:03:10
And so what I can just maybe see, and you do an A-B test, right? maybe C and you you do an A B test right and so you take a traditional landscaping site which like I said they all look the same so what does this site have going for it two things one it doesn’t look like any other landscaping site I’ve ever seen now some will say that’s good some will say that’s bad two is if it is primarily women scheduling these types of services you could women scheduling these types of services. You could look at your data and find this out. I could just see them going, oh my god I want to support women, it’s a women-owned business, it’s got to be a woman-owned business. I’m just going to go out on a limb and just say that a woman owns this business. Let’s go to about, can we find out? Can we, can we, there you go. Okay, so it’s just something, it doesn’t have to be a good design all the time guys. There could be a reason we a good design all the time guys.
1:04:03
There could be a reason we haven’t thought of that this website being the way that it is could just convert like gangbusters. And it can be as simple as, oh my God I want to support a woman-owned business. Like, cause it’s, you know, it’s a mom and she’s like, oh she looked at like five other landscaping websites and they all look exactly the same. And then this conveys small time, woman-owned, I want to give her a shot, I just want to give her a shot.
1:04:24
I want to give her a shot. I just want to give her a shot. And like, that’s it. That’s it. They made the decision. Doesn’t matter that there’s floating flowers. Doesn’t matter that, you know, the logo is hard to read and has tiny text. It doesn’t matter that there’s a terrible slider. It doesn’t matter that there’s a giant white space everywhere.
1:04:41
They found a woman owned business and it looks different and they want to give her a shot. And that’s all it takes to have conversions out the wazoo. And so this could absolutely outperform out the wazoo, and so this could absolutely outperform a traditional landscaping marketing website. You agree or disagree in the chat? I’ve seen enough analytics on the back, I’ve seen enough ugly sites convert like crazy because they just matched with what the target market was looking for perfectly in terms of copy, offer, just general business, whatever.
1:05:12
of like copy offer, just general business, whatever. There’s other reasons beyond spacing and colors and branding and this and that. Well, I mean, I guess this is all kind of fits into branding, but you know, spacing and balance and all the things that we traditionally look for can be off and it can still go gangbusters. Now, I’m not saying it’s a good, I’m not saying it’s a good site. I’m just saying it could absolutely convert.
1:05:38
What do you guys think? and then you can actually convert. What do you guys think? Okay, let’s, while the chat rolls in, let’s look at some things. I mean, I wouldn’t do the flowers, okay? I think the logo takes up way too much space. The navigation comes before the branding, which I don’t traditionally like, and this creates an issue where, let me just guess the issue, okay?
1:06:00
where, let me just guess the issue, okay? Okay, well you alleviated the issue. Basically this is the entire header. The header takes up about 20 VH of the website. So 20% of the vertical height of the website is taken up by the header. Which I just feel is a lot of wasted space. And it has to do that on every single page because the logo’s not in the nav. because the logo is not in the nav.
1:06:27
And then, you know, the flowers, I feel like just become overkill. It’s a very template-y website. Like every page uses the exact same template. It’s just, hey, chunks of text. We have a little bit of like left aligned image, right aligned image type thing, but this is very, like somebody said, you know, 1990s, like image floats. Services.
1:06:50
Snow plowing, what? Never would have guessed. services. Snow plowing, what? Never would have guessed, never would have guessed that we were going to talk about snow plowing. Now you could you could you could ask the question, is snow plowing like the top service for a landscaping and hardscaping company? You know I would think like landscape maintenance would be maybe a top service. Then you have erosion control, then you have Then you have erosion control. Then you have landscape design. I’m not really, I think this is a very difficult way to present services.
1:07:23
Because you’re combining a lot of, first of all, there’s this white space everywhere, like white space for days. I feel like I need a white space plow. Just like, can we get a plow to just come in and just clear all this snow out of the way? There’s just layers of snow right here clear all this snow out of the way. There’s just layers of snow right here between our content.
1:07:42
We plow that out of the way. Like it doesn’t, we don’t need all that much. But look at how this is presented. So residential snow plowing, and then we have a photo, and then you can learn more about it. Then maintenance has two photos, and then we have two options for things that we can do. We can see more, or we can see pricing. Well, I couldn’t see pricing here on snow plowing.
1:08:00
Well, I couldn’t see pricing here on snow plowing. Then I come down in erosion control, learn more about erosion control, but why not pricing on erosion control? I don’t know. There’s now we’re back to one option. We go from a large photo. This photo is 768 pixels wide. Then we’re down here for this service. Is this service less important? Is that why you use a 512 pixel photo?
1:08:24
Is that why you use a 512 pixel photo? Then we come down here and we’re back to double photos with the C-more C-pricing on landscape design. Then on hardscaping, we’re back to the C-more C-pricing with two different images. It’s just kind of all over the place. Now we’re back to one image and you can’t learn more, but you can see pricing. And now it’s back to two, but these are befores and afters.
1:08:51
Now there’s a before and after that are combined. I’m gonna go back to two, but these are befores and afters. Now there’s a before and after that are combined under paver ceiling. It just feels like it’s so random. My brain’s gotta figure out all that’s like happening here. So I think we gotta present these services in a more organized fashion. That would be my main feedback for this page right here. What happens when we see more?
1:09:12
this page right here. What happens when we see more? So here’s a hardscaping page. More snow to plow out of the way here in terms of white space. Rock bed installations, paver sidewalk installations, paver patio installations. Okay, these ideally would be, this is where we get into SEO territory. you know this is where we get into SEO territory.
1:09:39
This is a hundred percent SEO play. Like you want to be ranking for all of these things. So you know questions like was SEO done? Was there a site map done? But it’s an example of where a simple portfolio site dramatically harms the client’s ability to get clients. Because you can’t rank. You can’t rank for all of these things without having pages for them. You can’t rank for all of these things without having pages for them.
1:10:04
The pages are not in the navigation. That’s a, you know, you’re creating hurdles right off the bat. But I learned more about snow plowing. We do have a page for this, but we don’t have a page for other certain things. So like we go back to hardscaping, we don’t have a page for rock bed installations. We don’t have a page for paver sidewalk installations. 100% there’s people searching for, well, maybe we do here.
1:10:24
Paver sidewalk installations hundred percent. There’s people searching for well, maybe we do here Okay, you do paver sidewalks. There needs to be a navigation though We can’t rely on just like random buttons floating in the middle of the page I should have been able to go services drop-down hardscaping paver installation right here BAM. I’m there So this kind of violates the rule of like it shouldn’t take more than two clicks to get to any page on the website clicks to get to any page on the website. Services is one click, then we go down to first I gotta scroll scroll scroll scroll scroll, see more to hardscaping that’s my second click and now I’m making a third click into paver sidewalks and then perhaps if there’s another stem off of this I’m creating another click so we got to get some more organization going on the site in general in terms of the Is there a lot of navigation going on the site in general in terms of the navigation?
1:11:19
In the winter, there’s not much landscaping to do but plowing, yes. Okay, so is this being, so I guess the argument is that this gets shuffled around depending on the season. That’s fine, I guess. But I still think you could easily, like what if it was just a grid of services and I can see all this, like look how far I have to scroll to just see services.
1:11:38
Like I gotta go, go, go, keep going, keep going, Just see services like I got to go go go keep going keep going keep going. Oh Hope you got nothing else to do with your time I could have seen every one of these services without scrolling in a grid right here Then I can easily click to one of them there can still be photos of them all good You don’t need you know before and after on this page like if I’m interested in landscape maintenance I’ll go to the landscape maintenance page. This is where I can see galleries and befores and afters landscape maintenance page, this is where I can see galleries and befores and afters. That’s what I would expect to see here.
1:12:05
I don’t need to see them when I’m selecting services. Because if I don’t care about landscape maintenance, why are you showing me stuff about landscape maintenance? I don’t care about it. I didn’t opt in to seeing photos of landscape maintenance, all the ones like before and after. When I click to learn more about landscape maintenance, which this says landscaping, so there’s a little bit of a disconnect here. We got landscape maintenance.
1:12:27
Because landscaping and landscape maintenance So there’s a little bit of a disconnect here. We got landscape maintenance because landscaping and landscape maintenance are not the same thing So there’s a little bit of a disconnect there But when I click the button to learn more that’s when I’ve opted in for you to give me more information about that thing So now I want to see all the photos and the befores and afters But when I haven’t opted in what you’re doing is creating more things I have to scroll past to get to what I really care about So this page just 100% clean this thing up. It does not need to be that long. And the fact that there’s all these different formats of how services are presented, doesn’t do it any, it doesn’t help it in any possible way.
1:13:05
Testimonials. So here’s another, I talk about this all the time. This is why I create testimonials using custom post types. And then I use query loops to query the testimonials. using custom post types and then I use query loops to query the testimonials, but Anybody can like this page to me is irrelevant Number one, I don’t necessarily believe you like I get that there are screenshots. Okay, that’s great. That’s better than just putting text-based testimonials, but by and large people know that you can write whatever you want on testimonial pages and They know that you can selectively grab and they know that you can selectively grab screenshots.
1:13:41
And so what they’re going to do, little what I do at least, and I’m sure a lot of people do this, little violets, landscaping and hardscaping. So if I am somewhat convinced by the website that I’m looking at, I go to Google and I go little violets, landscaping and hard scaping. Okay. landscaping and hardscaping.
1:14:04
Okay. And hold on. Oh no, no, no, no, no, no, no, no. Okay, there’s no GMB, my guy, there’s no GMB. You gotta get a GMB rocking and rolling for this. But I see the Facebook page. So that’s all I have available to me. So I’m gonna go there. So I go to the, well, I’m not gonna go on Facebook. That’s a whole other mess.
1:14:24
So I go to the well, I’m not gonna go on Facebook. That’s a whole other mess Okay, there needs to be a GMB But because what people are gonna do is they’re gonna make now I want to I want to go see what GMB has to say About your reviews, right? I want to see all the reviews. I don’t want to see the ones you picked I want to see all the reviews. So a testimonials page to me is just like almost a waste of time what you should do is Sprinkle the testimonials throughout the pages and you have to do this by organizing testimonials against services You have to organize testimonials throughout the pages and you have to do this by organizing testimonials against services.
1:14:55
So when somebody goes to hardscaping or landscape design, see more, now I want to see on this page reviews from people who hired you for landscape design. And I want to see them sprinkled in with all the other content. So when I’m reading about landscape design, I’m seeing galleries about landscape design, I’m seeing now testimonials about landscape design, I’m seeing now testimonials about landscape design. I see FAQs about landscape design.
1:15:17
That’s why your FAQs need to be custom post types, bi-directionally related to your services. So that on your landscape design page, you can have landscape design FAQs, landscape design reviews. It’s all contextual. And that really, really, really, really helps. Trust me, really, really, really, really helps. Okay. Trust me, really, really, really, really helps. Okay, yeah, GMB upsell. Yeah, that should have been upsold like day one. Day one, before you build the website, make the GMB. Because the GMB can start ranking right away. Alright, that’s it.
1:15:55
What we’re gonna do is GMB is Google My Business. I don’t even know if it’s called that anymore, but it’s your Google My Business listing. So little I don’t even know if it’s called that anymore. But it’s your Google My Business listing. So little, violets, landscape, and hardscaping. So if they had a GMB, it would be right over here in a box. It’d be a box that pulls up the business profile and would have the reviews. It would have like here, landscaping near me. Why is my Google not Googling right now?
1:16:24
Why is my Google not Googling right now? Come on, Google, don’t make me use Yahoo. What is going on? All right, let’s go to Bing. Same thing, same concept, okay, landscaping near me. My Google wasn’t Googling. So we have, let’s pick a person. Do do do do do, all right, where are, I never use Bing, all right, Lawn Doctor. All right, so I’m gonna go Lawn Doctor.
1:16:48
I never use Bing. All right, Lawn Doctor. All right, so I’m gonna go Lawn Doctor. I guess Bing doesn’t work the way Google does. All right, let’s go back to Google. Lawn Doctor. I’ll just do near me. Bam, see that right there? That’s a GMB. So it pulls up the nearest Lawn Doctor to me.
1:17:08
And look at this. This is why people look you up on Google. Because you can have five stars all day on your website, but they want to verify. on Google because you can have five stars all day on your website but they want to verify now they see this they’re in 86 reviews 4.8 stars and then what they’re gonna do is click and start reading and then they’re gonna read a few and they’re gonna get good warm and fuzzy vibes and then you know what they’re gonna do pop right back to your website and go all right I’m sold and then they’re gonna go fill out your contact form I don’t know if it’s this is this website being slow or if my internet’s not going great? I don’t know.
1:17:44
Can I go to the services page? No, it must be… How’s the stream? Are we still streaming well? Hit me up in the chat. Am I lagging? Is there anything wrong with the stream? Just want to make sure it’s not… Feels like everything’s still feels like everything’s still working fine, but I don’t know. There it is. Let’s go to Bing. What is the world coming to? Hey, I mean, you know, got problems with Google got to move on, you know. Okay, well, this is gonna be the end of this site. Anyway, I’m still seeing chat things come I don’t think that would be working if we were having internet problems. Stream is good, okay, good. All right, so what I’m gonna do, I think we’ve done enough of that website to move on.
1:18:40
What we’re gonna do is finish off with Q&A. This is what I like to do. So we do basically two website reviews, then we’ll do generalized Q&A, or I have always, at all times, I have a dev site pulled up, Or I have always at all times. I have a dev site pulled up where we can do anything. I mean, you could be like, show me how to do X, Y, Z. And we can, we can do a little mini tutorial.
1:19:03
It’s up to you guys, though. You got to drop questions in the chat. Make sure your question is all caps question and then write your question. That makes it easy to find. I’m going to go ahead and start scrolling back up through to see if there’s any questions that I missed. So I’m gonna go ahead and start scrolling back up through to see if there’s any questions that I missed. Stick to a simple and clean design with clear and legible fonts, 100%. Could it be the site is dynamic, e.g. in summer she moves down the plow, the page, okay.
1:19:33
Winter is a top service, but it’s not winter anymore. I don’t know where that company was, so. I don’t know where that company was. So. Question, Kevin, can you zoom in a little? Yeah. I always forget to do this, but I also hate like when it’s, when stuff is so big on my screen. It takes up too much real estate.
1:19:57
Is that better? All right, going through. All right, going through. The picture editing was a chore, don’t ask. Good landscape or bad photographer. That’s very, very, very, very common. I’ve actually seen sometimes a redesign, made conversion drop enormous. 100% it could very easily happen. 100% it could very easily happen.
1:20:32
The client did grow from 40,000 to 100,000 in two years. Yeah, I mean, I believe it. Well, I mean, first of all, look, one of the classic rules of marketing, hey, let’s just talk about this right now. One of the classic rules of marketing is say something different. One of the classic rules of marketing is say something different. Now, because obviously if you say what everybody else is saying, I mean why should I listen to you versus somebody else? So say something different is a very, very just fundamental marketing strategy. The problem arises when we know we need to say something different, but there’s nothing We know we need to say something different, but there’s nothing legitimately different to say.
1:21:18
So people just make shit up, right? And we see this all the time in various industries. It’s like, you know, we’re just talking nonsense just so that we can say something different. So what I love about, you know, the page builder kind of industry, why do I create content here? of industry? Why do I create content here? Why do I feel like my content is successful? Because I feel like I’m saying something different. But it’s leveraging the fact that, you know, it’s just like, why is anybody else saying that? I’m saying important things.
1:21:56
It just happens to be not a lot of other people saying the important things, I guess. So it’s like, the important things, I guess. So it’s like, it just, it works really well. And so she, if you look at her site, you’re in an industry dominated by probably men, right? Like, you know, I don’t know a lot of female landscaping company owners. I know a lot of male landscaping company owners. And so just by default, you come in and you’re like, hey, I’m different.
1:22:24
You just, you can leverage that in marketing because it’s like, you’re doing, You just that you can leverage that in marketing because it’s like you’re doing you look different than everybody else looks here And you talk different than everybody else talks here and that naturally gets a lot of attention And then if you happen to have primarily women that are booking these companies, and they’re like yeah, of course well Yeah, you know let’s give her a shot I want to give her a shot over all the other You know men that are all have the sites looking exactly the same way saying exactly the same things looking exactly the same way, saying exactly the same things.
1:22:51
Let’s just be different for once. And that’s enough to create this buzz of marketing. And so that’s why the whole like, you know, Seth Godin, Purple Cow, that just being a female business owner in landscaping is automatically like a Purple Cow kind of thing. God, I just, see now, now it’s got here, I’m getting canceled that you called women cows. You’ve got, it’s all, it’s going off the rails. It’s a way going off the rails.
1:23:12
And cows, you’ve got, it’s all, it’s going off the rails. It’s a way going off the rails. You get it, you understand, you understand. Don’t, don’t make it a thing. All right. Oh, I got myself. I got, sometimes I get myself. All right, I need to see questions. I can see it already. It’s got, you’re clipping it right now.
1:23:36
You’re clipping it. You’re writing the headlines. you’re clipping it, you’re writing the headlines. Okay, is there a way to put thumbnails in a form dropdown? For example, if you want to choose different guitar colors and you don’t have a configurator, I’m sure there is. I wouldn’t recommend it though, because a dropdown is not a situation where I want to be selecting different guitar. It’s just not, I can’t think of a way that that makes the user experience great.
1:24:00
I can’t think of a way that that makes the user experience great. I mean, it’s, I guess it would be better than having no colors whatsoever. But I still don’t, you’ve got to find a different way to, to, to create that whole ordering situation. I don’t think that putting images in the dropdown is going to solve the underlying challenge. Do it, Ruben, do it. Ruben’s already creating his react video for this. Do it, Ruben, do it. Ruben’s already creating his react video for this.
1:24:31
What do you think which web dev skill is best to master in the age of chat GPT? I haven’t talked about chat GPT yet. I’ve got a lot of questions about chat GPT. I’ve got a lot of questions about AI. Kevin, what do you think about AI? What’s is our, are they gonna take our jobs? Who’s going to take our jobs? I haven’t decided yet. I’m still thinking about it.
1:24:55
I do try not to just immediately jump to conclusions. I feel like AI kind of like hit, it obviously hit a tipping point. And a tipping point is very important. But for some reason it feels like everybody is an expert on what AI is going to do just because it hit the tipping point It feels like everybody is an expert on what AI is going to do, just because it hit the tipping point a few weeks ago or whatever. And so now everybody is like, it’s going to do this, it’s going to do that.
1:25:21
You don’t know what it’s going to do. We don’t know what it’s going to do yet. Okay, so let’s give it a second. Let’s breathe. Let’s see how things start to play out. Like what’s the first job to go? Let’s look at that. I said this on one of my other streams. I think it was a really good, like in terms of writing. I said this on one of my other streams, I think it was a really good, like in terms of writing, like if you ask chat GPT to write you a blog article, or you just ask AI to write you a blog article, well, we know that it can replace BuzzFeed authors.
1:25:51
That’s basically what the person said, and that’s 100% true. Like if you’re a BuzzFeed author, I think that you should be terrified. But if you’re a real author, you probably don’t have a lot to worry about yet. So it’s kind of like that, right? you probably don’t have a lot to worry about yet. So it’s kind of like that, right? Will there come a day where just all authors are gone?
1:26:07
No, because you have to look at novelty as well. Even if there was a massive shift to AI, and it’s everything AI, AI is doing everything, it’s doing everything, you’re going to always shift back. So there’s going to come a time where everybody, You’re going to always shift back So there’s going to come a time where everybody because AI does everything Everybody’s sick of AI and then you know what it’s gonna create It’s gonna create another wave where the cool thing to be is a fucking human, right? No, I want humans to do all my shit That’s gonna be the next popular thing is what was popular right before AI Humans do everything that was that was what was popular then AI comes along now That was what was popular.
1:26:50
Then AI comes along. Now AI’s replaced all the humans. Look at how great this is. Nope, it’s only great for a time. Because then the next wave comes where everybody’s tired of AI and they’re sick of AI. You remember the old days where humans did everything? It’s kind of like when, you know, it’s marketing, right? Everybody went to email marketing in the early 2000s. Everybody ran to email marketing.
1:27:12
Everybody ran to email marketing. And email marketing dominated for a long time. And then you know what happened? People were like, you know what, I’m gonna create a newsletter and I’m gonna mail it to people. Like with the actual mail. And that worked like gangbusters. Because you know what, people were like, I wanna have a physical item.
1:27:33
I want this to be like the old days, right? Like I remember when I got a newspaper, there’s novelty. And you can never count novelty out. I remember when I got a newspaper, there’s novelty. And you can never count novelty out, and you can never count out the just natural ebbs and flows of how people, like their preferences, people have natural ebbs and flows in their preferences. So there could be a point coming where AI just dominates, and it’s everywhere.
1:27:57
And people are like, I told you so, I told you so. But then it can very quickly go back to, dude, we don’t actually like all this AI stuff. very quickly go back to, dude, we don’t actually like all this AI stuff. I like humans. I like when I walked into a restaurant and looked at somebody in the eyes and they were like, can I seat you, sir? And it wasn’t a robot.
1:28:14
I want that restaurant back. So think about this, in a world dominated by AI, just in the restaurant industry, the cooks are robots, the hostess is a robot, there ain’t a single freaking human there. Hostess is a robot. There ain’t a single freaking human there. The person that goes, you know what, I’m gonna open a restaurant and it’s all run by humans. You’re, there you go, you’re the purple cow.
1:28:38
You’re the thing everybody flocks to now. Like, oh, look, somebody’s saying something different. That’s exciting. Let’s go there. Let’s go eat there. I wanna go eat in a place that’s run by humans. It’s like the old days. So there’s always an ebb and a flow. It’s like the old days. So there’s always an ebb and a flow.
1:28:52
There’s always a counter to what’s popular. What’s popular always becomes not popular. There’s things that were popular once that shouldn’t have never been popular again and somehow they got popular again. I’m thinking about the 80s mom jeans. Personally, I don’t think those should have come back. But they’re everywhere now. And that’s baffling to me. And it just goes to show, But they’re everywhere now.
1:29:13
And that’s baffling to me. And it just goes to show you can’t predict the ebb and flow. I would have never said, you know what’s going to come back right now? You know what’s going to come back? The 80s mom jeans. That’s what’s going to come back. Never could have guessed that. No, didn’t see that coming. I see a lot of stuff. I never saw that coming.
1:29:31
So you know, you never know. We can’t. It’s very hard to predict. All right. All right. Hey, Tyler Martin says, what was the primary reason? That’s actually his name. His name is Hey, Tyler Martin. What was the primary reason you switched from oxygen to bricks? Rehash, rehash. Should I go there?
1:29:59
The main reason you said, what’s the primary reason? The main reason you said, what’s the primary reason? The primary reason was a culture slash leadership issue. It’s how I will label it, culture slash leadership issue. But I also saw a lot of potential in BRICS at the time. And after using BRICS and getting accustomed And after using BRX and getting accustomed to the workflow and realizing that it checks all the boxes, checks a lot of boxes better than oxygen checks those boxes. And people don’t wanna hear that.
1:30:42
People get all up in their feelings. They can’t imagine how BRX is better than oxygen. I started to create a list. how BRICS is better than oxygen. I started to create a list. I got to about 30 items. There’s about 30 and these were not nitpicks. These were legitimate items. There’s about 30 items on the list that I prefer better. That doesn’t mean oxygen is bad. It doesn’t mean it’s a bad builder. It doesn’t mean there’s anything wrong with using oxygen. It doesn’t mean you know if somebody came to me and said which builder would you use? BRICS. Well if I’m not going to use BRICS what would I what would you use? Oxygen. If you’re not going to use Which builder would you use?
1:31:13
Bricks. Well, if I’m not gonna use bricks, what would you use? Oxygen. Well, if you’re not gonna use oxygen, what would you use? Quickly, I don’t know. Like, you start to go down the list, right? Oxygen is still at the top. It’s still at the top of the list. It’s just not the one I use. But it’s still there.
1:31:28
So, when I started realizing, like, okay, it’s a newer platform. It’s already a better platform in many, many different important ways. Like, I’ll just give you one example. We have already a better platform in many, many different important ways. Like I’ll just give you one example. Because we go, oh, it’s an example. You’re not nitpicking, give us an example.
1:31:45
The query loop. The query loop in Bricks is, I don’t know, 30 times better than Oxygen’s repeater. That’s not like, you know, that’s not over-exaggerating. The fact that it queries taxonomies and users The fact that it queries taxonomies and users right off the bat makes it 20 times more powerful. And the fact that it’s tied to a single element and not a container, that’s even more powerful.
1:32:13
The choosing the actual query parameters, way easier, way faster. The rendering of the query loops inside of the canvas, way better. The fact that you, now they fix it in Oxygen, but the fact that you can actually use semantic HTML but the fact that you can actually use semantic HTML for query loops, which you couldn’t do in Oxygen before. Yeah, we could just, how deep do you wanna go? Down the rabbit hole.
1:32:35
But it’s legitimate, it’s legitimate. And so that’s why ultimately like, I think Bricks is the best builder available right now for WordPress, right now. Doesn’t mean it’s always gonna be like that, right now. Doesn’t mean it’s always gonna be like that, but if I were to just grade based on what I’ve seen and what I’ve used and what I’ve done, Bricks is the best right now.
1:33:00
Sections. We’re gonna get into this in the course a little bit. Sections. The section element. You take something so basic, the section element. In fact, let me, let’s just do this. Let’s do this. Let’s just go off on a tangent.
1:33:14
Because, you know, people talk about Webflow. Let’s do this, let’s do this. Let’s just go off on a tangent. Because you know, people talk about Webflow. You know, I was poking around Webflow. And I ran into something. You guys gotta see this, okay? Let’s just go there, let’s just go. Here’s the site, here’s the site. Are you guys familiar with Webflow?
1:33:34
Has anybody used Webflow? You can see exactly what I was looking at right here. I’m just gonna delete these. You can see exactly what I was looking at right here. I’m just gonna delete these. First of all, I feel like Webflow is starting to feel a little outdated, isn’t it? Like this doesn’t feel, it used to feel modern. But now that I look at it again, I haven’t looked at Webflow in a long time, it just feels very, it’s feeling very outdated to me.
1:33:54
But watch this, I’m gonna go add a, well first of all, can we just talk about the fact that when you’re styling something, let me add something to a page, I’ll just add this section. I want to talk about the fact that when you’re styling something, let me add something to a page. I’ll just add this section. The idea of adding things on the left and then going all the way to the right to style it, I hate that.
1:34:12
I just absolutely hate it. I don’t know if you can move this. I’m not a Webflow expert, right? I can collapse, I can expand. It doesn’t show me that I can move it. Like if I could re-dock it to the left, that might be nice. I can re-dock it to the left, that might be nice. But objectively, I don’t need the styling panel open at all times, okay?
1:34:31
You know what I need open at all times? The navigator. This thing is very important, this panel right here. And this is the same problem I have with Gutenberg, by the way. So I hit the plus sign here. Where’s my navigator? Can’t see it. I need to see my navigator at all times, I need to see my navigator at all times, especially when I’m adding elements, because I need to know where that element is going to go.
1:34:57
So what this forces me to do is find the area first that I need, right? Be just be diligent about that, because the minute I click plus, like in my brain, I’m like, I want to add an element. So what happens a lot in Bricks is I’ll click the plus, and then this comes up. And then I’m like, oh yeah, where do I want to add it? Well, the structure panels always open over here. I’m like, oh, yeah, where do I want to add it?
1:35:14
Well, the structure panel’s always open over here. So I can just say, ah, right there, and then I click the element I want to add, and boom, it adds it to the right place. And that’s because the structure panel is always in view. Why is this style panel in view when I’m adding an element? I can’t style what I haven’t added yet, and I can’t see the structure panel to even see really what I have selected if I have a kind of a complex page going on.
1:35:37
So the fact that the style panel stays open at all times is absolutely meaningless. page going on. So the fact that the style panel stays open at all times is absolutely meaningless. This is just general UX, like, kind of turns into a nightmare the more you use something and you start to realize this. But the fact that you’re covering up the navigator when I go to add elements, that’s a nightmare.
1:35:52
That’s an absolute nightmare. And again, there’s no way to re-dock this on the other side. So I hate that. And Gutenberg does that too. You add an element in Gutenberg, there goes your list view. List view, poof, gone. Gutenberg does that too. You add an element in Gutenberg, there goes your list view. List view, poof, gone.
1:36:05
Even worse, okay, this isn’t even that bad, because when I close this, at least my navigator’s still there. In Gutenberg, when you open this, the add elements panel, and then you click out, the navigator’s gone too. The list goes with it. They all disappear. So even more atrocious.
1:36:21
But look at this. This was even more baffling. This was even, and we’re gonna get into this in the course when we talk about sections. Remember I said sections and containers, This was even, and we’re gonna get into this in the course when we talk about sections. Remember I said sections and containers, because there’s a lot to talk about.
1:36:30
Well, here’s a little taste. Why is there a section element? We can all agree that a section, a container, a block, and a div are all just boxes on the internet. Now, semantically, they’re different. And contextually, they’re different. That’s a good point. If you were about to make that point, and contextually they’re different. That’s a good point.
1:36:51
If you were about to make that point, you sir or ma’am just made a really good point. But Kevin, they’re different. Right, they’re different. Okay, so explain this. I add a section. I’m gonna put something in the section just so that we can see. So I’m gonna add a heading. So I’m gonna drag that in.
1:37:10
And I’m gonna go ahead and hit publish. Publish to selected domains. I think this is how this works. Publish to selected domains. I think this is how this works. Webflow takes quite a while to save changes too, I’ve noticed. Let’s go view this on the front end. I’m going to inspect, and there’s my section. Guys, what is wrong with that? Type in the chat right now and tell me, what is wrong with that?
1:37:36
right now and tell me what is wrong with that and we can start here if you want a hint what is the section element for in Webflow if it adds a div shouldn’t it have added something that looks a little like that what what am i missing i mean this is Webflow we’re talking about right this is this is i mean this is the I mean this is Webflow we’re talking about right this is this is I mean this is the the pro tool outside of WordPress. Somebody explain that to me. This is an unexplainable situation. Why have it I could have just added the div element. Why is there a section? Let me go to the chat. Let me see if somebody has an explanation for me. Command E you can add Command E, you can add items without losing the structure panel on Webflow.
1:38:31
Yeah, that’s fantastic. But that requires me to start learning keyboard shortcuts, and this is generalized UX that doesn’t have to be a problem. We know that if we put the navigator on the right, then it’s just not a problem. So I don’t need shortcuts. I shouldn’t need to use shortcuts to get around UX issues, I guess would be the argument that I would make. to get around UX issues, I guess would be the argument that I would make.
1:38:53
This navigator should not be here. And you’ll see a lot of bricks, does not put the navigator here. Oxygen does not put the navigator here. So clearly we have examples where it’s a better flow when the navigator is not right here. The style panel can be right here. Because you know what? I don’t need the style panel when I’m adding elements. Because I haven’t added anything I want to style yet.
1:39:12
I need the style panel when I’m adding elements because I haven’t added anything I want to style yet. So if I’m actively adding elements, it’s this thing I don’t need yet in Webflow and in Gutenberg, this panel is always over here, always open. Don’t need it when I’m adding elements. So hide that, I need my structure panel. So put the structure panel over here. over here.
1:39:38
That’s the best flow in my opinion for a builder. Okay, section does not equal div class equals section. You’re right, you’re right. It’s unexplainable. So for those of you who said that we know it’s all, they’re all boxes. It’s all a form of a box, but a section, here’s the other thing, here’s the other thing, guys. Here we go, here we go. What else is missing from this section?
1:40:00
What else is missing from this section? See, in order to have a proper section in Webflow, I not only have to add the section element, but I have to add a container element. And I can’t, see, I had to close the add panel to get to this so that I can choose my section. Now I can come back to the add panel. Now I can click on my container. And it’s still, okay, it did, it added it to the section. I’m gonna put the heading inside the container.
1:40:26
Okay, now save. I’m going to put the heading inside the container. Okay now safe now safe. Okay All right, here we go We’ll wait. All right refresh. Oh Inspect, okay um Whoa, whoa, whoa, whoa. Whoa, hold on. Hold on. Hold on. What are you saying? Unsupported browser get out of here inspect. Okay Okay, now look, oh, there’s my section, but here I gotta go an extra step to make this right. So section, I’m gonna come over here, and I’m gonna search for, where the heck?
1:41:00
Hold on, I gotta turn this, all right. No, we don’t wanna do that. Oh dear, oh gosh. All I wanna do is change the, see, now I gotta search around for like, where’s the HTML tag controlled by, and I don’t see it right here. We don’t wanna do anything with the layout. Okay, and I don’t see it right here. We don’t wanna do anything with the layout.
1:41:17
Is it here? There it is, right there. Okay, section, save, publish. Okay, so, you’re telling me the people at Webflow with their millions of dollars, were like, you know what we should do? We should create a section block. But here’s the thing, here’s the thing. Brilliant idea, just hear me out. But here’s the here’s the thing here’s a brilliant idea. Just hear me out when they add the section block it should add a div I Don’t object you just listen just listen and It also should not add the inner wrapper. That’s supposed to come with a section. They should add that themselves and and The HTML to yeah, it was every time every time they add a section they need to go They need to go change the HTML tag on their own.
1:42:03
And then they have to add the inner container all on their own. Like where was anybody with a brain during that discussion? Why does the sec, why does, what is this for? It’s just a div. Why call it a section? It doesn’t do anything that the section is supposed to do. So why are we calling it a section? It was unexplainable. It was the very first thing I looked at. Very first thing I looked at.
1:42:24
It was unexplainable. It was the very first thing I looked at. Very first thing I looked at. I was like, well, let’s add a section to a page, put something in. Well, that doesn’t look like a section. Let me inspect it. Oh, it’s not a section, it’s a div. All right, now I gotta add an inner container. Now I gotta figure out how to change the HTML tag.
1:42:40
I gotta do this every time I add. Turns out, a section is quite a common element. I mean, there’s gonna be many, many, many of these things on the page. Talk about a workflow killer. So what do I have to do? I gotta somehow create a section Talk about a workflow killer. So what do I have to do? I got to somehow create a section the way that it’s supposed to be created and then like save it as some sort of reusable block.
1:42:57
Why? It should just be done the way it needs to be done. Go to Bricks. Okay, let’s just compare, compare and contrast. Compare and contrast. So we go to Pages. Let’s just add new, here we go. And we’re just gonna say, hey, this page is gonna be all about sections. All right, so we’re gonna edit with Bricks.
1:43:15
We’re gonna add a section. It’s all about sections. All right, so we’re gonna edit with bricks. We’re gonna add a section. Hey, bricks, hey, they have, look, they have a block name, the same thing. Okay, so does it behave the same way? We add the section. Let me throw a heading in it. And we save, and we go to the front end.
1:43:30
Like guys, if you don’t think this stuff matters, I don’t know what to tell you. There’s a section, my gosh, imagine that. That I asked it to add a section and it added a section. Gosh, imagine that, that I asked it to add a section and it added a section, wow. And, and that section came with an inner container that is the width of my website. Man, how helpful, God, that’s so helpful. That’s not like, is that groundbreaking or earth shattering?
1:43:56
Like, is that so hard to figure out that that’s what a section should do? Now let’s, let’s check oxygen. I’m gonna go to oxygen. This is a good juxtaposition actually, Let’s check oxygen. I’m gonna go to oxygen. It’s a good juxtaposition actually, because there’s actually a problem here. So I go to pages.
1:44:09
I mean, I think you all know where this is going. So I’m gonna add new and we’ll just do sections. Okay, here we go. Publish, publish and edit. Great. So we are jumping in. Little bit longer to get in the builder. Okay, now we’re gonna add a section. Hey, look at that. a little bit longer to get into the builder.
1:44:26
Now we’re going to add a section. Hey, look at that. Hey, that’s familiar. Section, brick said section, Webflow said section. I’m going to add it. Let’s see what happens. Then we’re going to add a heading and I will save. Then we’ll go view this on the front end. Exit the front end. There we are. Inspect. What would you expect to be here? Hey, a section.
1:44:48
What would you expect to be here? Hey, a section. Imagine that. It added the thing I asked it to add. And, and it gave me an inner wrapper. It’s my website with how helpful? So helpful. But unfortunately, there’s a womp womp. The womp womp is here’s Bricks. Bricks gives me access to the inner container and the ability to add multiple inner containers.
1:45:12
and the ability to add multiple inner containers. Guys, if you haven’t done this, this is fantastic. This is having access to the inner container and being able to make more of them, fantastic. You don’t realize how much you’re missing until you start doing this. And then you’re like, oh man, you know, and we already knew like, you know, I’ve always said, if you’re building a builder, I’ve always said, if you’re building a builder, here is a fundamental rule you should never break.
1:45:42
If you create a wrapper, I don’t care what reason you create it for. Now Elementor, they’ll create like eight wrappers for you. Obviously that’s not needed. But if you are going to create a wrapper, give the user access to the wrapper. They have to be able to select it in the builder. That’s it, that’s a fundamental rule. and then you select it in the builder. That’s it, that’s a fundamental rule.
1:46:05
Do not create a wrapper that you do not give the user access to. Because it creates problems, it always creates problems. So this, this is what Webflow should do. Webflow should add a section with a container inside of it and you’re off to the races. It has the proper, that’s, the builder’s supposed to do things for me, supposed to speed up my workflow. I’m adding a section because I want a section I’m adding a section because I want a section and a section should have an inter rapper. That is the width of my website and That’s what it should do. I for some reason web flow the God King of Non-wordpress page builders can’t even add a section properly to the pay now. I’m not saying web flow is excluded And they’re not a professional. I just don’t know what they’re doing I just want somebody to explain it to me Like it was kind of like the couple weeks ago where I was like get Matt Mullenweg on the phone Like it was kind of like the couple of weeks ago where I was like, get Matt Mullenweg on the phone.
1:46:53
I need him to explain to me this situation. Get me somebody from Webflow to explain this situation. Because I can’t explain it. There’s no explainable reason why that section in Webflow works the way that it does. Okay. Yeah, how does Breakdance do it? I don’t have a preloaded Breakdance version. So I can’t pull it up and see. I don’t have a pre-loaded breakdance version.
1:47:15
So I can’t pull it up and see. But I would like to inspect it and see what’s going on with it. But these are the things you can look at. And if you don’t think this stuff is important, man, I don’t know what to tell you. This is critical. Guys, if you don’t have access to this inter-wrapper, you can’t turn your section into a grid. It’s impossible.
1:47:35
Well, in Oxygen, you can. So, and here’s why, here’s why. I think you can. I haven’t done it in a while. Let’s see. and you can, so, and here’s why, here’s why. I think you can, I haven’t done it in a while. Let’s see, let’s do this test. But I’ll tell you that in most builders, it’s, well, actually, this would be a good example.
1:47:48
Either way, I win, either way, my argument wins, okay? Where’s my structure panel? There you go, okay, let’s delete this heading. So what I wanna do is I want to add a bunch of divs. So div, div, div, div, div, div. Oh, I forgot that it, okay. So div, div, div, div, div. Oh, I forgot that it, okay. Let me just duplicate real quick. Okay.
1:48:09
Three, four, five, six. All right, safe. So now what I’m gonna do is if I use their grid builder, so I’m gonna go over here, we’ll just do this at the ID level, it doesn’t really matter. God, it’s been a while. This is nostalgic. Layout, it’s probably under there. Grid, grid, there you go.
1:48:27
Column count three. Layout it’s probably under their grid grid. There you go column count three. Why does this work? Technically this should not work if you add a grid to a section It is going to turn the inner Wrapper into the first child of the grid and all of your content will be stuffed into the first cell So all of your content would be stuffed into this size of a box right here a box right here. But in Oxygen, it’s because these tools right here actually add the grid instruction to the interwrapper that you don’t have access to. So they created a workaround for so they kind of created a problem by not giving you access to the interwrapper, but then they overcame that problem by making sure their controls target the right element.
1:49:11
Watch this. Okay, watch this. Now I take off this grid there. We’re back to where we were. Okay, watch this now. I take off this grid there. We’re back to where we were I use automatic CSS. I Don’t even know if automatic CSS is on here. Okay, it is so I’m gonna do a grid 3 class Why does that work that should not work? If you pick up another framework Go get go get winded go get winded go get winded and put a grid 3 Go get winded. Go get winded and put a grid three instruction on a section.
1:49:41
Probably gonna break. You’re not gonna get this as the result. Because automatic CSS also recognized, hey, there’s an interoper in these sections, we have to target that with our grid instruction. There’s overrides in automatic CSS per builder based on how builders do things. Okay, this is why we can’t automatically integrate with every builder, because builders do things differently.
1:50:03
They make different decisions. integrate with every builder because builders do things differently. They make different decisions. Based on the decisions that they make, we have to tailor the framework to work with those decisions. Otherwise, things break. So I put the grid three on here and it works because we already identified this as a problem, and there’s already an override in place to make sure the grids can work on sections.
1:50:22
But if you try another framework, hey, who knows, maybe it’ll break. In fact, I tested it on a couple of others, I saw some breakage. Who knows? Maybe it’ll break. In fact, I tested it on a couple of others. I saw some breakage. So that’s what I’m talking about. But it’s really caused by the interrupter because in bricks, guess what? In bricks, we don’t need an override.
1:50:37
You don’t need an override in bricks. Watch this. Because in my container that I have access to, I can add my blocks. Five, six. OK. All I do is put the grid three, not on the section. All I do is put the grid three, not on the section, I put it on the container that I have access to and I get a grid and I don’t, it requires no overrides whatsoever.
1:50:58
Bricks was much easier to integrate with because it does things objectively better. This is how it is, I’m not hating on anybody, I’m not, I’m just saying, it’s objectively better. It don’t violate the rule of creating wrappers that you don’t give people access to don’t violate the rule of creating wrappers that you don’t give people access to because it creates problems. And most people don’t realize these problems exist until they run into them.
1:51:22
And they’re like, oh, now I get it. Well, that’s a pain in the ass. Right, it’s a pain in the ass. I could have told you that from day one. So, because I’m forced to do this stuff all the time. I’m forced to be in all of these builders trying to, looking at, all right, how are we going to integrate with this? What are the challenges? What are the problems?
1:51:36
trying to, looking at, alright, how are we gonna integrate with this? What are the challenges? What are the problems? What is it not doing the way that it’s supposed to do? It’s just the life I’m like forced to live. So I see all these things ahead of time. And you know, it is, it creates lots of pains in the asses. People don’t realize why I would say Elementor is trash. When it gives you eight divs for every element that you add.
1:52:02
And then, by the way, oh, let me just show you. Here we go. It gives you eight divs for every element that you add. And then by the way, oh, let me just show you. Here we go. Where’s my Elementor? Where is, where are we at here? Okay, local. So, Elementor, here you go. All right, so we’re gonna open this.
1:52:14
Why, this is a, this is like a CSS violation that maybe prison time is, could be given for this. So I go to pages, Elementor, where was I? could be given for this. So I go to pages, Elementor, where was I? I don’t know, sample page, is that what I was doing? Yeah, okay, all right. So first of all, let’s look here. Man, we’re just riffing all day, right?
1:52:40
It’s fun though. If you’re having fun, I’m having fun. Let’s keep going. So Elementor is like, remember how I said they’re all boxes? Well, Elementor is like, well, they’re all boxes. So we’ll just give you a box and it’s called a container. Well, Elementor is like, well, they’re all boxes, so we’ll just give you a box. And it’s called a container. And so, you add the container to the page.
1:52:55
You add the container to the page. Oh, see, I can’t drag up here. Have to drag right here. All right, so, every builder does things a little bit differently. All right, so I add the container to the page, but I need this to be a section. Guys, a section is the fundamental thing that you add to the page first before you add anything else because you have to section your content. anything else because you have to section your content. So I need this to be a section but there is no section block. It doesn’t exist. You only are given a container. So what you have to do every time you need a section is you have to change the HTML tag to section. Then you have to put another container inside that container. So you got to go back here. Now we add another container here and this container is going to be our inner. All right and it needs to be And this container is going to be our inner.
1:53:38
All right, and it needs to be our box width. And then I believe that this outer container needs to be full width, but I’m not sure because of how it all works. All right, I’m just going to update, but this wasn’t the point. Now what I’m going to do is I’m going to put in a heading. Okay, heading, heading, heading. There you go. Okay, and then I’m going to say my heading. And what I’m going to do to identify, first of all, we’re going to look at the DOM. And what I’m gonna do to identify, first of all, we’re gonna look at the DOM.
1:54:05
But what I’m gonna do is I’m gonna add a class to this. Can you add classes in Elementor? Yes, you can add classes in Elementor, my heading. You can’t style classes in Elementor because it’s not a class first builder, but you can add classes. And I’m only adding this class to illustrate something. And again, I said this is, I mean, CSS prison time, right? If there was prison time given out in the land of CSS, If there was prison time given out in the land of CSS, this would warrant it.
1:54:30
So I’m gonna go to, I don’t even know how to preview this shit. How do you get to the front of the website? Because I don’t want to preview in the builder. Let me just, here, it’s this page, right? Is this it? No, that’s not it. All right, let me go back to pages. We’re gonna go to sample page view. Bam, there we are.
1:54:49
Inspect, okay. Let’s find the section. There we are. Inspect. Okay. Let’s find the section. There’s the section right here. But guys, that’s not all. You get this wrapper too. So you get this wrapper, then you get your section, then, remember what is supposed to be inside of a section? Let’s just pause and ask. Pop quiz. What should be inside of a section? One div. One inner container div. That’s it. And I should have access to that div. One inner container div that’s it and I should have access to that div. Let’s open One inner container two inner containers three inner containers four inner containers Inline styling a whole inline styling block and then my h2 Okay a lot of containers containers, by the way that I don’t have access to I only Okay, a lot of containers.
1:55:39
Containers, by the way, that I don’t have access to. I only have access to two of these containers in the builder, all the rest I don’t have access to. This isn’t even the thing that gets prison time. Okay, that’s not even the thing that gets prison time. Do you remember that I put a class on my heading called my heading? I want you to look at this heading right here and tell me, oddly, what’s missing. Tell me, oddly, what’s missing?
1:56:05
Do you see a my heading class on this heading? No. Well, I kind of need it to be there because that’s what I asked it to be added to. And that’s the thing I want to style. And so if I want to write something like H2.myheading like that, well, we’re going to have a big problem, aren’t we? Well, where did you put the class, Mr. Elementor? Well, we’re going to have a big problem, aren’t we?
1:56:26
Well, where did you put the class, Mr. Elementor? Well, let’s go find it. Is it on the div that’s wrapping the h2? Nope, it’s not there either. Is it on this? Oh, it’s three levels up. It’s on… Wait, hold on. Yep, there it is. My heading.
1:56:44
It’s on the second wrapper. By the way, neither of these wrappers need to be here. This inline style block doesn’t need to be here. By the way, neither of these wrappers need to be here. This inline style block doesn’t need to be here. But it’s not even putting the class on the element I asked it to put the class. Do you understand what the CSS ramifications of this are? This is a travesty. This is, like I said, the land of CSS.
1:57:07
Here we are in the land of CSS. You get prison time for this. This is unexplainable stuff. It is unexplainable stuff. So there’s your explanations right there. I don’t know, we need to get back to the chat. I don’t know what people are thinking. I don’t know how people are reacting. Okay, let’s take a break. Oh no.
1:57:30
Can you enable the Flexbox containers? It’s like Easter bunny hunt, find my class, exactly. I’ve used it since maybe 2013 on and off. It used to be the rule of the roost purely because nothing, okay, I’ve used it since maybe 2013 on and off. It used to be the rule of the roost purely because nothing, okay. I don’t know which builder you’re talking about. Oh, Divi, you guys are talking about Divi.
1:57:45
I would say Divi is even worse than Elementor. Is it? Let’s go find out. Let’s go find out. Got a Divi installation right here, look at that. Go to admin, all right. So we’re gonna go to pages. We’re gonna go to, I don’t know, home. Okay. I don’t know, home.
1:58:02
Okay. Don’t restore. All right, here’s a heading right here on a page. First of all, let’s inspect this. Let’s see what’s going on. And once again, I don’t know how to preview, so I’m just gonna go there. All right, inspect. Okay, so. Oh boy, all right.
1:58:24
Here’s your main content. There’s an article tag. All right, this isn’t, okay. Here’s your main content. There’s an article tag. All right, this isn’t, okay. Entry content wrapper, another wrapper, another wrapper. Here’s the section, look at this, PB section zero, so it’s telling me section regular. That’s telling me this is the section, but uh-oh.
1:58:47
It’s not actually a section. Semantically, it’s not a section, okay. not actually a section semantically it’s not a section okay then there’s an inner for this row then there is a div wrapper for this heading another wrapper for the another wrapper for the and then the heading okay now what we’re gonna do is we’re gonna test this so we go here how do you add a class advanced CSS ID class CSS ID class. Okay, my heading, save, save, refresh, inspect. At first, I don’t see it at all.
1:59:39
Oh, there it is right there, it’s cut off. First, I don’t see it at all. Oh, there it is right there. It’s cut off. Okay. My heading. So it’s what two. Yeah, it’s the same. No, it’s exactly the same. This is exactly the same.
1:59:47
So don’t come at me bro with the element or the element or better than Divi. I don’t see it. They’re doing the same exact thing. Two wrappers and the class is on the second wrapper. My heading right there. There’s the wrapper. My heading right there, there’s the wrapper. There’s another wrapper, there’s the heading. This is exactly what Elementor did. Unexplainable, by the way, 100% unexplainable.
2:00:13
Look at how this happens in Bricks. So I’m gonna add a section. I’m going to inside of my container, which I have access to, I’m gonna add a heading. And I’m gonna put a class on the heading of my heading. And I’m gonna put a class on the heading of my heading Save Refresh My god, is this so hard There’s the section I added. There’s the inner container. I have access to there’s the heading with a class of my heading It’s not asking for a lot The all of these wrappers that get added and this junk and this nonsense All of these wrappers that get added and this junk and this nonsense. Oh, we’ll just throw the class over here What are you doing?
2:00:58
This is what a builder should output There’s no reason for all of the other stuff zero This is what you should get. This is what you asked for. This is what you got guys this is as if I sat down and wrote it by hand and Guys, this is as if I sat down and wrote it by hand. And if you don’t think there’s a difference that’s meaningful between these things, I don’t know what to tell you. I don’t know what to tell you.
2:01:26
So that’s it. This is why, I mean, when somebody says, oh, there’s no builder that’s objectively better than this, but we’re looking at it. This is the evidence. This is the evidence. This is quite compelling. Now, when this is just scratching the, evidence this is the evidence is quite compelling now when this is just scratching those guys this is the basics of the basics this is like we’re not even the query loops we’re not even a querying objects instead of just posts we’re not in that anything are the accordions accessible is the remote all this accessible is there a menu that’s except we didn’t even get we don’t we’re not even anywhere near that we’re just can I add a section and it gives me a and anywhere near that.
2:02:01
We’re just, can I add a section and it gives me a semantic HTML section tag and it puts a container in there that I have access to. And then when I add a class of something, this is day one of what a builder should do. When you’re developing a builder, if we don’t get this right, nothing else matters. This is a disaster, these builders. And you’ve got to be very, very, very careful which one you choose.
2:02:26
But why do I say oxygen’s up there? be very very very careful which one you choose. Why do I say oxygen is up there? If we did this in oxygen it’s going to give the same exact output. Why? Because this is objectively the correct output. The only problem with oxygen is not going to give you access to the inter-wrapper, which I believe they could very easily fix. So and I hope they do. You’ll get this exact same output in output in oxygen. You’ll get this exact same output, I’m fairly confident, in quickly. You’ll get this exact same, well I don’t know, I haven’t used PineGrow enough, but I imagine that I can get this exact. I don’t know what the section element in PineGrow does or doesn’t do, but I can guarantee I can make this outcome happen. You cannot make this outcome happen in Elementor or in Elementor or Divi, it’s impossible.
2:03:15
You cannot make it happen because every element comes with wrappers and you can’t put a class on the thing you want to put a class on. It’s not possible in these builders to achieve the correct HTML output. If that’s not a deal breaker for you, like what are we doing here? You can’t even do the most basic of the basic. So why are we even entertaining it?
2:03:39
That’s kind of my position. So why are we even entertaining it? That’s kind of my my position. All right Rant rant rant rant rant. Ah Okay, ah I love it. I love it. I’ve never been to a Baptist Church, but I have seen them on TV But I have seen them on TV. So while Kyle’s here. Oh, gosh. Okay, let me go over here. Generate.
2:04:15
Okay, let me pull this up. I have let me tell you guys right now. I want I want generate to be fantastically successful. fantastically successful I Like there and it’s here’s why I fundamentally like their approach. I firmly believe that They they think kind of like I do that They’re like there’s a lot of trash out there and we’re gonna create something that’s not trash and that’s inspiring to me and for that reason I 100% want them to succeed so I So I just haven’t played around with it enough yet, but I’m curious about what are we talking about right now?
2:04:54
How does it start to stack up? Now, I don’t know if I’m using the right version. So in all fairness, and again, I should do more of these first looks. We need to do more first looks at builders. This is why it’s so important to do first looks at builders and inspect this kind of stuff and look at it, right? And so, and by the way, I’m gonna say, and look at it, right? And so, and by the way, I’m gonna say, I want Automatic CSS to integrate with Generate.
2:05:20
Again, because I like their philosophy and I think that their team thinks in the right direction. So, with that said, I’m coming with a little bias of, I want, I don’t care if Divi continues to be successful or not, because I think it’s a disaster. I don’t care if Elementor continues to be successful or not. I don’t care if Elementor continues to be successful or not. I want generate to be successful, okay? So that’s the angle that I’m approaching this from.
2:05:47
But I’m gonna come over here and I’m gonna look for a section element and I don’t see one. Now I think we can all agree by now that a section element is very important because it saves a tremendous amount of time. We add lots of them to the page. They’re a multi-container element. They need a special semantic HTML tag. element, they need a special semantic HTML tag, so a container and a section are objectively not the same thing, and so we should have an element called a section.
2:06:10
In any builder, every builder should have an element called a section that we drag onto the page, and it has an inner container that is the website width, it has a semantic section tag, and you can access both containers. That’s the bottom line, like, base level rule of sections, okay? the bottom line, like base level rule of sections, okay? So I don’t have one. So what I have to do is add a container. I’m fairly confident that I can switch this to a section. Okay? So what I will say sometimes is if I have to work around it, but I can get to the same destination, that’s not necessarily a deal breaker.
2:06:46
The deal breaker is Divi and Elementor where there is no path to the right outcome. Divi and element or where there is no path to the right outcome. There is none zero. There is no workaround No path will get me to the right outcome. So there can still be a path here to get to the right outcome I don’t know how to Change the HTML tag. Oh There it is right there. Okay, BAM section got it. Step one done. Now what I have to do Next see I don’t have my list view anymore. Okay, so there’s my list view What I have to do next, see how I don’t have my list view anymore?
2:07:16
Okay, so there’s my list view. So what I have to do next is I have to add a, somebody said there was a shortcut way to be doing this. Maybe it’s in here. Okay, now I have to add another container. And so this is gonna be a div, and then this is gonna be my website width, which I don’t know where this 1366 is coming from. Maybe I set that up at some point. But these have both appear to be 1366.
2:07:37
The section actually needs to be 100%. The section actually needs to be a hundred percent. Can I change that? Oh, this. Okay. That’s the fundamental problem right there. So there’s a inner container in these containers that I don’t have access to. So we’ve kind of violated rule number one right there. But let me go to the front end. Let me put something else in here. So here’s my container. Let me put in a heading. So here’s my container. Let me put in a heading BAM Okay, my heading and then we’re gonna put a class on that heading my heading and I’m gonna update and Then what we’re gonna do is go take a look at the front end Now what I was gonna say a minute ago is there is some sort of news release I’ve heard Don’t really know much about it where they’re gonna give you a container element or something I’m gonna give you a container element or something that doesn’t have an inner wrapper and that will fundamentally solve some of what we’re about to see as a problem.
2:08:34
And so I’m gonna go to the front end, which I hate you have to go through this stupid preview mode. Okay, like I don’t wanna preview it, but whatever. All right, so inspect. Okay, there’s my section. There’s the inner wrapper that I don’t have access to. there’s the inner wrapper that I don’t have access to, there’s another container, and then it has its own inner wrapper.
2:08:57
So this is gonna be fixed. I’m confident this is gonna be fixed. But what we’ve had when you don’t give access to the inner wrapper, and the inner wrapper is forced to be there, you have a two DOM element situation that is now a four DOM element situation. And if you multiply that across the website, a four DOM element situation. And if you multiply that across the website, that’s a lot of DOM elements that don’t need to be there, right?
2:09:20
All right, so I’m gonna open that up, and here you go. Other than the inner wrappers that I don’t have access to, which I think are going away, I’ve achieved exactly what I need to achieve from an HTML standpoint. I have my section, I have one inner container, let’s just pretend that there’s one of them, then I have a clean H2, I just pretend that there’s one of them. Then I have a clean H2, and that H2 has the heading I wanted it to have.
2:09:43
Box checked. It’s not that hard. It’s not that hard. And it just feels like when we’re asking for standards of page builder output, this is not hard to live up to, right? And it’s like, shouldn’t this be like the thing And it’s like, shouldn’t this be like the thing that we really hold their feet to the fire on? Like, I don’t want a page builder that gives me garbage. I want a page builder that does it like how I would do it if I were writing it by hand. I just don’t want to write it by hand.
2:10:18
That’s why I’m using a page builder. Okay. Justin is happy. Justin is happy that there’s a… I love the trademark at the end. This is Justin is happy. Justin is happy that there’s a, I love the trademark at the end. This is fantastic. I think you should do a breakdance test as well. I will. I’ll do a whole, why don’t we do a two hour first look at breakdance?
2:10:45
All right. See, people do find value in this. So I’m glad. I don’t like to just feel like I’m ranting I’m glad I don’t like to just feel like I’m ranting if like nobody cares, you know, like I’ve got better shit to do. Kevin, what’s going on with frames? I don’t know. There’s nothing going on with frames that I know of. That’s broken. Don’t worry if you screw up, I’ll yell at you. I’ll yell at you. Yes. I mean, I, that’s what I asked for actually on, especially when I do these lives. Um, you know, when I do a first look and I tell people at the very beginning, guys, I’ve never used this builder before. It’s called a first look.
2:11:26
Cause it’s a first look. So if I’m doing something wrong, absolutely. Yell at me. I don’t want to give a builder an unfair shake. If I’m doing something wrong in the builder, like that’s not the way you’re supposed to order. Or I’m missing something. like that’s not the way you’re supposed to order. Are I missing something? I want people yelling in the chat, like no dude, that’s not how you do it, you gotta do this instead. And then I can actually grade it the way it’s supposed to be graded.
2:11:48
That’s what I look for. Yeah, it looks like you’re in an old version, save this for when you’re on a newer copy. Yeah, I’ll do, I need to get the, I’ll get the latest copy and then I’ll give it a full two hour first look, just the same way I did for quickly. And I’ll give it a full two hour first look, just the same way I did for quickly. And then we’ll keep going.
2:12:06
So I have to do it anyway, because to integrate ACSS, I gotta know, you know, fundamentally how everything is structured, so. 1366 comes from what you set as the default in customizer. Okay, good. There’s not an unselectable inner container anymore. Perfect. There’s not an unselectable inner container anymore. Perfect. But are they giving a section element, a dedicated section element, so that I don’t have to always change the semantic HTML tag and then add an inner container, and that’s a lot of steps for a section.
2:12:44
So do you know if they’re giving us a section block, for example? And then ideally, we didn’t even talk about spacing, right? for example. And then ideally, like we didn’t even talk about spacing, right? A section should come with top and bottom padding. It should come with a left and right gutter. That gutter should be in the section wrapper, not in the inner container. That’s a big mistake that a lot of builders make. Like I said, the first of page builder, page building 101, the one that we’re about to do, actually it’s the second one that we’re about to do. When we get to to do. Actually, it’s the second one that we’re about to do when we get to sections lesson, people are going to be like, I had no idea. There was so much involved with just a simple section. And you really need to know that there’s so much involved with a with a simple section. Why did it take generate press so long to get there? I don’t know the whole story of I don’t know the whole story of generate press, honestly.
2:13:41
So, you know, I’ve watched a few people use it. I’ve looked into kind of the philosophy of the, you know, the team that builds it. And like I said, I want it to be successful. That’s all I can say about it in fairness right now. Clearly, I’m not even, you know, on the right version. now. Clearly I’m not even you know on the right version so I really shouldn’t talk about it any more than I’m currently talking about it. Clip this and use it for PB 101 sections. No, no, that’s the thing is you know with PB 101 I want it to be organized. I want I don’t want it to be three hours long. I want like the sections thing it’s going to be concise. It’s going to be bam, bam, bam, bam, bam. Here’s what you need to know and then we’re moving on. There’s going to be Bam, here’s what you need to know, and then we’re moving on.
2:14:27
There’s gonna be some of this here, right? There’s gonna be some of this here because you gotta know what you’re looking for in terms of output. And then when we go inspect, here’s the thing guys, if you don’t know HTML, here’s a really good point. Let’s say you’re a beginner and you’re like, oh, this HTML shit doesn’t matter to me.
2:14:43
I don’t care if it has 18 wrappers or one wrapper. Doesn’t matter to me. I just want it to be easy. That’s kind of like the attitude of a lot of people. Well, guess what, my friend? easy that’s kind of like the attitude of a lot of people well guess what my friend the minute you need to inspect a page and figure out what the heck is going wrong good luck in that element or spaghetti soup figuring out what’s wrong because there’s every every content every element every DOM element is multiplied by eight and the classes aren’t even where you want them to be so they want them to be.
2:15:13
So good luck diagnosing any sort of problem. So your life, if you want to use one of these messy output builders, you’re making your life more complicated later on when there’s a problem and you’ve got to inspect something or you’ve got to do something custom. And you’re like, hey, you know what? I think I’m going to have to write a little CSS for this. Good luck, my friend, targeting your like seventh inner container off your class.
2:15:36
container off your class okay why would I put stock in a company take so long to step up and correct their shit yeah I mean that’s a see the divis and the elements of the world got into a situation that they can’t escape from now so I mean you can’t just you got all these sites built with you know the div section thing going on you can’t just remove all that stuff they’re kind of remove all that stuff they’re kind of they’re kind of screwed in a way what they would have to do is like you would have to fork it probably and say okay here’s the old version it’s soft I get it here’s the new version which is going to output clean code but it’s not going to be backwards compatible yeah it’s tough it’s tough but if you’re a beginner you should want your builder to output clean code because if you can’t read HTML I guarantee you can’t read because if you can’t read HTML, I guarantee you can’t read HTML times eight when it’s all nested, and when nothing is labeled properly, of course you can’t read that HTML.
2:16:36
It’s very easy to read the HTML when it’s the correct HTML. All right, no dedicated section element, but to me that’s an easy fix. Just create a block for it and use it. So good example. So, good example. Like I said, if there’s a workaround that allows you to get to the correct conclusion, it’s not a deal breaker.
2:17:00
It’s only a deal breaker when there is no path to getting to the right conclusion. That’s kind of my general position. Would I prefer a builder that helps me get to the right conclusion faster and easier with less work and less hassle and not having to create blocks work and less hassle and not having to create you know blocks and or presets or anything else yes yeah I would love that’s why I use bricks because when I ask it for a section I get a section and I get the thing inside the section that I want to see and it’s all the way that it’s supposed to be and it’s just a click and I can outline a page okay so like watch this let’s say my page has Watch this.
2:17:37
Let’s say my page has eight sections and I want to start quickly moving and I want to start, you know, getting everything wireframed out and built. One, two, three, four, five, six, seven, eight clicks safe. I now have eight sections with semantic HTML tags with inner containers that I can access all ready to go. That’s a lot of time saved because I wouldn’t even be done with the first one in generate.
2:18:02
If I had the preset, like if I made my own block, and generate. If I had the preset, like if I made my own block, I guess I would, but again, that’s extra work, right? I didn’t have to do this, and Brics is just, it gave me a section element, because it knows that’s important. If I was in Elementor, I’d still be working on the first one. And then I’d have to duplicate, duplicate, duplicate, duplicate, duplicate, and then probably try to save that as some sort of, you know, global block in there, but then that comes with other problems, because like, does it save styling attached to that too?
2:18:24
with other problems, because like does it save styling attached to that too? And then what, you know, where’s it putting that styling? And like, oh man, so many questions. I got, I don’t need all these questions when I just know I’m getting clean output and I have the right structure element. So, you know, there’s so much that this kind of stuff can just get in your way if it’s not done right. This is just when you use a builder where it’s done right, it’s like, my gosh, thank you.
2:18:47
I can just focus on my work. I don’t have to focus on fixing all the shit that’s going wrong constantly, I don’t have to focus on fixing all the shit that’s going wrong constantly because this isn’t working the way that it should But again, I I digress back to my main argument if there’s a workaround They can get you to where you want to go to the correct place because we know there’s an objective correct HTML output for a section so if there’s a workaround to get there and you’re okay with the workaround not a deal-breaker It’s only a deal breaker when you cut off my path to getting to the correct outcome. That is a deal breaker every single time.
2:19:21
Should accent heading be in heading tags or paragraph tags? Fantastic question. This is how I do it. This is how I recommend it gets done. We were talking about accent headings earlier. So here’s an H2 for your section heading. Here is basic text. Here is your accent heading. heading here is basic text here is your Accent heading so I’m going to say accent heading and You get a class on it typically like H accent Then all your accent headings look exactly the same and then what I do on this H accent class Let’s just style it real quick so we can go to typography and now you get in a situation like oh, okay Why do you use a framework? All right? Well what font size should I make this accent heading? I don’t know What font size should I make this accent heading?
2:20:02
I don’t know. What am I gonna pull a number out of my ass? Like 1.6 rim? Okay, but now it’s not responsive. Now I need to go through my break points and I gotta set. Or should I just be like, well, it’s small. Okay, so text S, there it goes. All right, and now it’s fluidly responsive and time saved. What I also do here is typography, maybe on your accent heading, you throw a little line height in there.
2:20:24
Maybe on your accent heading, you throw a little line height in there. Sorry, not line height, letter spacing, like 0.025 M, throw a little bit of that. Maybe you’re gonna do a little bit of uppercase. Maybe you’re gonna give it a little bit of padding. We could just throw something easy in here, like let’s do 0.5 M on the top and bottom. Oh, this is new. Look at this.
2:20:46
Wait, is this opposites linked? Oh, this is new. I haven’t even looked at this yet. Oh, this is new. I haven’t even looked at this yet. Opposite sides linked, all sides linked, unlinked. Okay, so I’m gonna go with one M on the left and the right. Bam, and I’m gonna go with a background color here. So I’ll go to like base light, base ultra light, something like that, base light.
2:21:08
Can you guys see that? Okay, great. So now all my accent headings are gonna look like this. Then what I also do, trick, trick right here, Then what I also do, trick, trick right here, because really I want my heading to be the first thing in the DOM. So if we look at this right now, inspect, we have a clean section. Guys, how easy is this HTML to read?
2:21:32
How easy is that? What was I just saying? All you beginners out there, you wanna make your, you don’t know that much HTML? Well, you better make sure it’s clean You want to make your, you don’t know that much HTML? Well, you better make sure it’s clean because the cleaner it is, the easier it is to read. I mean, this is fantastic. Then I open this up and I have my inner container right there, there’s my H2, there is my H accent.
2:21:52
Look, it’s a div. Should it be a div? No. So what I’m going to do is I’m just going to say, hey, you are a P, so you’re a paragraph. Is it going to give me some other rapper? By the way, shout out to PD Pablo. Is it gonna give me some other rapper? By the way, shout out to PD Pablo Let’s just play that for a second. I Don’t know. I’m being I’m being absolutely stupid. I was thinking the other day I was like, what’s a rapper that nobody wanted and nobody asked for a PD Pablo So I just I threw that in there. All right, I said it was stupid. Don’t we’ll move on. Okay, so What I do because I again I want let’s go look at the new What I do, because again, I want, let’s go look at the new, let’s refresh, inspect.
2:22:33
Okay, so here’s my H2 and my P. This is what I want. I want my H2 to be the first thing in that section, okay? So what I do is I say, hey, my accent heading is going to get an order of minus one. And then, and then I can use something like a container of minus one. And then, and then I can use something like a container or a content gap, right? Because notice there’s no spacing in anything.
2:22:58
And this is what you want. You want no, and this is my biggest builder pet peeve. So many try to do this. They try to do it illogically, but you just, they’re like, oh, you added a heading. That needs 20 pixels of padding on the top and 37 pixels of padding on, no, it doesn’t need any padding, actually. 20 pixels of padding on the top and 37 pixels of padding on it. No, it doesn’t need any padding, actually. Please give me my things with no padding. Don’t try to do anything to my elements, please. I added the, I didn’t ask for any padding. If I don’t ask for it, please don’t do it. Okay, so I have no padding. So what do I do? Well, I just say I want to content gap my stuff, and that’s the content gap that I like, the spacing between my elements. Okay, so now what I have is So now what I have is visually I have an accent heading and a section heading.
2:23:42
DOM wise, I have a heading that comes first and I have a paragraph that comes second. And that’s how I do it. Isn’t a good name for a rapper that nobody wanted and nobody asked for, P.D. Pablo? I think so. I think I’m gonna ask for PD Pablo. I think so. I was about an inch from buying Divi when I discovered oxygen.
2:24:11
Thank God for that. Yes, absolutely. All right, I think we gotta get out of here. I’m on like, what is this, two and a half hours? I have work to do. I have got to get stuff done. But as always, I love you guys and I thank you for being here. As always, I love you guys and I thank you for being here. And oh, oh, oh, oh, I will be out of town next week.
2:24:30
Spring break, spring break, I’m sorry. We will not be here next Wednesday. I’ll be out of town. I will be back the week after. And what I will say, maybe what we’ll do is plan for the week after next to do another live first look. I need you to comment, not in the chat, not in the chat, I need you to comment, not in the chat, not in the chat, in the actual comments of the video, which builder live look the Wednesday after next?
2:24:59
Should we do Generate? Should we do Webflow? Should we do Pine Grow? I don’t wanna do Pine Grow yet. I don’t wanna do Pine Grow yet. Let’s save Pine Grow. Which one should we do though? Breakdance, maybe we’ll do. Which builder should we live first look at Wednesday after next?
2:25:12
Breakdance, maybe we’ll do which builder should we live first look at Wednesday after next don’t drop it in the chat Drop it in the comments of the video I won’t see it if you drop it in the chat chat is dead to me after I turn off the stream It’s gone. Okay, so put it in the comments. Alright guys. Love you. I’m out. Peace
