I've always coded my websites from scratch because I wanted them done right. I'm amazed at how much fucking time this saves me...and it's done right! Thank you. This is awesome.
O I love this. Saves a ton of time. Is the purpose to keep using frames classes OR explicitly do not change them and just update keep the DOM structure if needed and only swap them with the original acss classes or our own BEM structure?
Truly amazing! Looking forward to Part II. One thing, though: did I see divs as footer links? I kinda wish that those were two WP menus. Sorry if I was mistaken.
Looks awesome Kevin. Can you say how long any deal you have on Frames tomorrow will be available for? I'm really busy tomorrow but certainly don't want to miss out 😁😁
I'm a newbie and purchased both ACSS and Frames. I was wondering if it's possible to pull in pages rather than posts in pre-made grid sections. If so, how should I go about it?
@@AutomaticCSS Thanks for your reply! For example, at 34:44, articles in your database automatically populate the Frames grid that's inserted. Would it be possible to pull in pages rather than articles (which I assume are posts?).
Yes, you can query pages. But, you probably want to be using Custom Post Types instead of pages. Search my Geary.co channel for custom post types@@Headlikeanorange84
In Discovery do you do outlines (like your Home Page example in this video) just for the major pages or do you do outlines for most of them? Are they shown to the client to discuss or are they just used later during the UX Design step?
Looks really great, just a quick question: If i remove imported frames on all pages, does that also remove the imported styles? Another question, more about Acss: is there a possibility or an option somewhere, like Oxycleaner does but on Bricks, to remove all unused CSS site-wide to improve performance?
No, you would have to remove them manually. Bricks is releasing a class manager to make this easy. Removing unused CSS is sometimes problematic. The framework is already very light and you can make it lighter by turning off groups of classes you aren’t using.
@@AutomaticCSS hi Kevin ! yes i saw that, as an old developer i like things clean, my system is debloated, i love that my customers websites too. i started using to oxygen only for that too : keep it simple and clean... the better thing should be that when you use a FM as Acss or other, it should be great that something, an option in Bricks or into the FM itself remove the default CSS file of Bricks. Perhaps your team should dev a plugin for that, i'm sure you will sell a lot !
Im still confused about the frame plugin when giving the website to the clients. Can we hide the Frames Template option for clients? I think when the client can see the library and find out how easy it is to create a wireframe, it could be bad ^^ Or did I misunderstand something?
@@AutomaticCSS in that case the customer has the possibility to use the frames "remote templates" too, should he want to, one day later, right? Just thought this way he might see how easy it was to build his website, in case it didnt need much custom design ^^
I'm confused... you used a variable to change text size (I think, altho I could be wrong, lol - I'm watching on 2x speed)...but then you also went into the settings at the very end of this video.... wouldn't that make the variable setting irrelevant?
I know this is all about being "wireframe" but how are these any different from something like pre-made modules? In other words, if I add a 3-grid frame and the client approves the wireframe, don't I just continue using that same frame and insert the proper content and styles? Or do I remove the "wireframes" and then rebuild the section in the "normal" way? If we don't remove the frames, then are acting just like premade modules and blocks. Maybe this is just semantics but I'm still curious why these are frames/wireframes and not just a library of modules and blocks. What's the difference? My second question is when you added various grid system and then changed the CSS, you did this on the class, like .fr-article-grid-echo, and changed from 4 to 2 etc. But if you edit that class, won't the change affect every article grid echo to show 2 instead of default 4? If we want one grid echo to be 2 and one to be 4, we would need to apply a different class in order to change it right? Thanks!
Great introduction :) By the way I noticed that when you select the section(in the structure panel) and then import the template it does not nest in the selected section. When you select a child of the section and import a template it will nest it in the section. Hope I am making sense. I took some time actually testing this out haha. I got so frustrated by the random placement of a template when importing.
Can I ask the dumbest of dumb questions? Say I want to make the blog section 70% and have 30% for a widgets section. Do I add another container and drop the blog template into?
Maybe. It's harder to develop for Oxygen and there are some limitations that prevent us from doing this properly for Frames that use repeaters and such.
Has this changed? I can't access this panel on the back side anymore. I have to open a page and do this from the front end. It says since 3.0 its moved to the front end? I'm confused. Its challenging to follow this tutorial with what seems to be changes. (your presentation is superb bu...) I am also confused about the the grid section. I am a total noob. And I think bricks now has grid. So when I delete the 4th card. I am not sure what to do? In the CSS section. There is nothing there.
@@AutomaticCSS OK, so the area dedicated to Frames in the ACSS dashboard was redesigned (min 3:25) no problem-- but where is the Frames dashboard now? Is there a newer video to show the UI for someone just starting out with Frames? Thanks!
You are a genius - genres without boundaries, honest and … everything!
Thanks for watching!
I've always coded my websites from scratch because I wanted them done right. I'm amazed at how much fucking time this saves me...and it's done right! Thank you. This is awesome.
Very excited for Friday, amazing work Kevin.
Can't wait!
Congratulations to the whole team for the excellent work done and the product created! Can't wait to use it!
Thanks so much!
great job as always kev big love and respect!
I love Frames - looking forward to seeing where you take this product.
Happy to hear it!
GREAT JOB KEVIN !
Looking forward to cart reopening on Friday! I only recently bought bricks and learned about you and acss.
It's gonna be a good day!
Thanks! Great video!
You're welcome!
O I love this. Saves a ton of time. Is the purpose to keep using frames classes OR explicitly do not change them and just update keep the DOM structure if needed and only swap them with the original acss classes or our own BEM structure?
Definitely use the classes that come with each frame!
Kevin this is super cool. Question? On each of the frame components, are you able to query items from ACF? TIA
Absolutely
Hey Kevin, i didn't understand about contextual variables, like var(--fr-container-gap). They are not exist in cheat sheet
Truly amazing! Looking forward to Part II.
One thing, though: did I see divs as footer links? I kinda wish that those were two WP menus. Sorry if I was mistaken.
No they are menus in unordered lists in
Thanks for the video. I'm new to Bricks & Frames and I'd like to know if I still can access Bricks templates if I install Frames.
Yes
Looks awesome Kevin. Can you say how long any deal you have on Frames tomorrow will be available for? I'm really busy tomorrow but certainly don't want to miss out 😁😁
Until end of day cyber Monday
I'm a newbie and purchased both ACSS and Frames. I was wondering if it's possible to pull in pages rather than posts in pre-made grid sections. If so, how should I go about it?
I want to say yes, but I think I need more information or an example of what you mean to be sure.
@@AutomaticCSS Thanks for your reply! For example, at 34:44, articles in your database automatically populate the Frames grid that's inserted. Would it be possible to pull in pages rather than articles (which I assume are posts?).
Yes, you can query pages. But, you probably want to be using Custom Post Types instead of pages. Search my Geary.co channel for custom post types@@Headlikeanorange84
In Discovery do you do outlines (like your Home Page example in this video) just for the major pages or do you do outlines for most of them? Are they shown to the client to discuss or are they just used later during the UX Design step?
The key pages. The rest is written right into the wireframes.
Looks really great, just a quick question: If i remove imported frames on all pages, does that also remove the imported styles?
Another question, more about Acss: is there a possibility or an option somewhere, like Oxycleaner does but on Bricks, to remove all unused CSS site-wide to improve performance?
No, you would have to remove them manually. Bricks is releasing a class manager to make this easy.
Removing unused CSS is sometimes problematic. The framework is already very light and you can make it lighter by turning off groups of classes you aren’t using.
@@AutomaticCSS hi Kevin ! yes i saw that, as an old developer i like things clean, my system is debloated, i love that my customers websites too. i started using to oxygen only for that too : keep it simple and clean... the better thing should be that when you use a FM as Acss or other, it should be great that something, an option in Bricks or into the FM itself remove the default CSS file of Bricks. Perhaps your team should dev a plugin for that, i'm sure you will sell a lot !
Im still confused about the frame plugin when giving the website to the clients. Can we hide the Frames Template option for clients? I think when the client can see the library and find out how easy it is to create a wireframe, it could be bad ^^
Or did I misunderstand something?
I don’t give clients access. Watch this: th-cam.com/video/97hMY6upmqw/w-d-xo.html
But you can remove the remote template connection if you need to.
Do we get a frames contextual cheat sheet like for acss?
Yeah there’s only like 6 or 7 to learn though. It’s easy.
Please, is it possible to activate the automatic subtitles in the video? 😉
Should be? Is it not?
@@AutomaticCSS Now it seems so. Thank you Kevin.
can we remove this frames plugin on the client side, or will the website be messed up?
When you use the dynamic components you’ll need to keep it installed. If you just use the layouts you can remove it
@@AutomaticCSS in that case the customer has the possibility to use the frames "remote templates" too, should he want to, one day later, right? Just thought this way he might see how easy it was to build his website, in case it didnt need much custom design ^^
I'm confused... you used a variable to change text size (I think, altho I could be wrong, lol - I'm watching on 2x speed)...but then you also went into the settings at the very end of this video.... wouldn't that make the variable setting irrelevant?
Not sure which part you're referring to. But no ... ACSS variables are controlled from the dashboard. They can be changed at any time.
part 2 is not onlnine, right?
I know this is all about being "wireframe" but how are these any different from something like pre-made modules? In other words, if I add a 3-grid frame and the client approves the wireframe, don't I just continue using that same frame and insert the proper content and styles? Or do I remove the "wireframes" and then rebuild the section in the "normal" way? If we don't remove the frames, then are acting just like premade modules and blocks.
Maybe this is just semantics but I'm still curious why these are frames/wireframes and not just a library of modules and blocks. What's the difference?
My second question is when you added various grid system and then changed the CSS, you did this on the class, like .fr-article-grid-echo, and changed from 4 to 2 etc. But if you edit that class, won't the change affect every article grid echo to show 2 instead of default 4? If we want one grid echo to be 2 and one to be 4, we would need to apply a different class in order to change it right?
Thanks!
Please read this: getframes.io/blog/how-is-frames-different/
Great introduction :) By the way I noticed that when you select the section(in the structure panel) and then import the template it does not nest in the selected section. When you select a child of the section and import a template it will nest it in the section. Hope I am making sense. I took some time actually testing this out haha. I got so frustrated by the random placement of a template when importing.
Someone else told me to just hit escape before inserting next template and you’re good. Escape deselects all elements in structure panel.
@@AutomaticCSS Did that work?
Will we ever meet the team?
Can I ask the dumbest of dumb questions? Say I want to make the blog section 70% and have 30% for a widgets section. Do I add another container and drop the blog template into?
We have different blog body frames you can use. Not sure what you mean beyond that.
Will this ever come to Oxygen??
Maybe. It's harder to develop for Oxygen and there are some limitations that prevent us from doing this properly for Frames that use repeaters and such.
First 🥳🥳
Apparently you don't have a Discord server to allow people helping each other...
We have a Circle community where you can get nearly instant help: community.automaticcss.com
I'm mad i missed the lifetime deal.
Frames still offers an LTD
Has this changed? I can't access this panel on the back side anymore. I have to open a page and do this from the front end. It says since 3.0 its moved to the front end? I'm confused. Its challenging to follow this tutorial with what seems to be changes.
(your presentation is superb bu...)
I am also confused about the the grid section. I am a total noob. And I think bricks now has grid. So when I delete the 4th card. I am not sure what to do? In the CSS section. There is nothing there.
Yes, correct. ACSS was redesigned for 3.0.
@@AutomaticCSS OK, so the area dedicated to Frames in the ACSS dashboard was redesigned (min 3:25) no problem-- but where is the Frames dashboard now? Is there a newer video to show the UI for someone just starting out with Frames? Thanks!