Bricks Builder: Newbie Series Episode 2

[@marceloangelim]

Thank you for this comprehensive explanation of how to create an essential framework for bricks. It was exactly what I needed to start.

[@stewtech]

You’re a machine! Keep up the Strong Work 💪💪💪

[@okanime1]

6:22 - Variables Setup

[@szecse]

May I have a suggestion? You could put the content you cover in the title. Like this episode about font, variables etc

[@RR-ok4wz]

This would be super helpful for those of us who want to skip it. Also wish he placed in some timestamps.

[@szecse]

@ good for search engine and for us to find it again 😀

[@erling5148]

very nice At 13:10 you say you will make it available will this b when the framework is complete?

[@maayanzi30]

on 17:04, if the fw-h4 and the fw-text--m is the same, why not to put fw-h4 and in the value to put var(--fw-text--m) so it will be fw-h4= (var--fw-text-m)?

[@wpeasy]

That was just me being lazy :) You won't always want your heading sizes to track your text sizes. Having the H4 as its own clamp allow you to treat them differently when you want to.

[@maayanzi30]

@@wpeasy thank you very much. When are you going to do another vid? Saw the 3rd in the serie and really like it, although I am not a beginner, learned alot

[@wpeasy]

@@maayanzi30 Thanks. I have put it on hold temporarily, while I work with the Bricks Devs over a couple of bugs that were frustrating me when I was recording episode 4. I'll get back to it soon.

[@maayanzi30]

@@wpeasy Waiting, thank you superstar!

[@nomer9998]

Hi! It would be interesting to see it on a real Figma template, for example, by transferring the design from Figma to the website layout.

[@wpeasy]

Sure.. Lets get the framework done first :)

[@maayanzi30]

@@wpeasy so i guess it is going to be a figma vid? Waitttinggg!!!

[@wpeasy]

@@maayanzi30 No, I generally go straight to Bricks on a dev site. Figma just adds an extra step. Figma has it's place for graphic designers, just not for me ATM. Although, if I was going to use Figma, I would go with Core Framework. CF no has sync between your Bricks site and Figma.

[@ZeinAziz-u3y]

Can you give us your setting and variable json file?

[@wpeasy]

This is more about teaching you how to do it than giving away free resources. However, I will make these available at completion of the series.

[@RR-ok4wz]

I think it would be helpful if you put some timestamps in so we could skip ahead if necessary.

[@SamFrysteen]

Good content - but soooo many mistakes along the way that you had to then fix. Would make it very hard for a newbie to follow - I'd reshoot and re publish it. But that's just me.

[@jimkody5288]

Agree. The info is really good, but attention to detail is definitely lacking here. 25rem vs 2.5rem and fw-text--xl vs fw-text--xl were 2 that jumped out. The former was corrected with a popup in the video, but I stopped watching at 18:30 so not sure if the latter was every corrected.

[@lencarter9070]

Somewhat disagree - I was confused at first because I noticed the problem but, it was good to see the mistakes corrected. I don't know about you, but running down mistakes is part of the process for me.

[@jimkody5288]

@@lencarter9070 -- So I have to learn new material AND figure out where the teacher led me astray? Nope! I ain't got time for that.

[@RR-ok4wz]

I agree. I had a really hard time following, and now I just feel like a complete idiot. =(

[@vidtutek3156]

I think that If you alway go step by step after anyone you just duplicate the resoult. To learn you need mistakes ❤ Its a banger of a video 🙌