วีดีโอ

Some great tips, thank you Kevin 😃

Great information! Thanks

Love it. Brilliant stuff

brilliant stuff kevin- thank you

00:01 Automatic CSS allows flexible customization of content width. 02:15 Establishing a consistent content width is crucial for a good user experience on websites. 06:59 Establish content width for website's main pages. 09:15 Using 100% width and setting content width for website elements 13:09 Using the concept of content width safe to prevent content from touching the edge of the screen 15:05 Implementing content width using utility classes and custom classes. 18:56 Customize content width for multiple templates easily 20:36 Easily manipulate content width at template, page, and section levels 24:17 Utilize custom body class to define content width 25:59 Adjusting content width easily for different pages and templates Crafted by Merlin AI.

Would be great if you created this swatch page for Bricks so we could quickly import it as color reference.

Revisited this video last night, and found more value out of this video than when I initially watched it. Getting the grasp of BEM + AUTOBEM, you mention in this video that we should only BEM when a block has elements, which makes sense obviously. But when playing around with various Frames templates, I have noticed that the entire header has been BEM'd, even those without immediate elements in the block? Is this an exception? Can you push me in the right direction please, trying to push myself with consistency! The above also applies for the latest template released, the entire thing is BEM'd: Feature Card Chicago (CSS) [BLOCK NO ELEMENTS WITHIN JUST BLOCKS] Content Wrapper [BLOCK] Media Wrapper [BLOCK] Thanks Kevin.

when can we find this style guide as a template in frames ? i can only see the deprecated one in there for now

@13:53 Why not a "-1" button at ...the end of the buttons list ? There would be no necessity to count the columns. Am I right ?

0:48 I can't seem to find the infinite logo carousell video on the Kevin Geary channel. Would you mind putting it into the description?

Great video Kevin and theres no end to the dad jokes 🙂

On using utility classes to set the grid on various breakpoints, there are the four default sizes. I trust if we open up Bricks to use six that this can break that workflow and at this stage we would need to default to BEM or a class anyway or does ACSS slot in extra sizes to accomodate this?

Partly I cursed you because things didn't work... until I also realized something was wrong with Bricks :). The thing I'm most excited about in this tutorial is the control button in combination with the breakpoints. What a performance gain! Thank you very much!

I manage a Windows CRM system, and I train my users by saying, "Right click brings joy." If you think the control or action you are looking for is not there but seems like it should be, right-click. It sticks with them, and believe me, it is a hard feat to get them to remember how to use software. You can use it if you like. This is an amazing way to build, Thank you.

is there anything against defining the min-height of the header with var(--header-height) and then using acss dashbord to set the height under header?

sorry to ask this question here, but I'm confused about acss, coreframework, and advanced themer. are they similar, related in some ways, or totally different?

As always - great product, great lesson, great teacher - Thank You Kevin

Really a great approach! And the new panel is just so great with this preview!

When in doubt... It's all right click, baby! 😂😂😂 Good entertainment!! 👏

thanks

Great video Kevin! I've started to dabble with using variable grids it's so good for basic column layouts look forward to the video on that one as well!

No!!! Not the Kevin Heart bang bang 🤣🤣

As always Kevin Great job, yes it was a firehose!😊

Fascinating. Thank you. All your tutorials are incredibly helpful in getting to know ACSS as well as CSS. BONUS: the entertainment value!

Very stupid question but how did you get the ACSS dashboard to dock on the left?

Looking forward to all of the layout videos + enjoyed the "free" entertainment & Dad jokes.

Always something new to pick up! Watching it sped up, I just wish Bricks could have the same response time as on the sped up video :) It seems after creating more than five sections it starts to get laggy and cannot keep up with the workflow speed provided by ACSS

BANG BANG!!

The KEY to successful Auto BEM and understanding how to use it correctly starts at 36 mins into the video. This was the fundamental understanding that makes everything make sense for me. Don't miss this detail!

Using your specificity inspection example, where you multiplied the class to increase the specificity, given what the inspector reveals, how many times would I know to repeat the class?

What a product! Looking forward to the rest of the series!

Why is h4 chosen as the base heading size?

When you change content width on the body class, wouldn't that also affect the header and footer if they are also restricted to the same width?

1:08:51 Thick bottom 🍑

Fundamental workflow so well explained, thank you Kevin 😉

A nice addition would be to automatically account for the hash tag when hex codes are pasted into the color fields.

Simple and efficient, thank you Kevin 👍

Abstracting colors, great approach. But don't we need more than 2 darkness (or lightness) states? Dark, ultra-dark, less-dark, ... ?

Great Approach, Thankyou !!!

Happy Birthday Kevin, your content means the world to me, Ferdi

It's all great until you wish to add another element to the card.

Fantastic video 🙌👏

I tried using a mixin for changing link colors but it seems @include link(primary) isn't recognized, is it ?

awesome!!! Just one question: the recipes do not work on my end. Do I have to activate it somewhere?

Where can I find the syntax reference for the @ipsum shortcut (or is @ipsum-short the only option)?

You explained BEM and I now understand the power of Automatic.css! Your videos are extremely valuable. Every one I watch helps me another step closer to being able to create any layout required efficiently and beautifully. Thank you!

Great video for easily explaining why class-first design is best.

Thanks

Another great episode with powerful features, well done Kevin !

man, this was always a big issue on my websites ... you are really making the life of web designers much easier. I just bought the LTD :) This is this is Bricks on steroids :D 🔥🔥🔥