We absolutely need these videos. It's very important to understand the principles and to get the value behind this framework! Thank you!
@rejuvenatefaceclinic5 ай бұрын
Phew. Thanks, Kevin and the team at ACSS. A long and tiring journey through numerous website builders that never quite made sense. AutomaticCSS has my utmost respect. A builder that finally makes sense!!!!
@annette-in-vegas8 ай бұрын
I just got Bricks followed by ACSS and Frames and I needed this overview to help me understand what it's capable of doing for my builds. Awesome video and I am going to build a nice brochure site to get used to everything!
@AutomaticCSS8 ай бұрын
💪🏻💪🏻💪🏻
@berndnestrojil408411 ай бұрын
Coming from dirty old Elementor thinking to Bricks and ACSS, this is going to change my life. Great introduction of functionality. Right jumping into the other tutorials to get more familiar with nomenclature a terms at all. Thanks for the fantastic videos. Really animated by your positivity. Cheers from Brazil.
@AutomaticCSS11 ай бұрын
Great to hear!
@AmandaLucaseu Жыл бұрын
Excellent video. I’ve been using ACSS B for a while now. The best advice is to jump in and start getting familiar with the way it works. As Kevin said, you only use about 20% of the classes but it’s good be familiar with what is available as it really makes building scalable, maintainable sites really enjoyable .
@JanWessels Жыл бұрын
The most incredible tool to develop scalable websites when you are willing to understand how CSS classes can be a timesaver and add flexibility to your builds.
@vaniarensi7627 Жыл бұрын
Must watch both for beginners and for those who already started using ACSS to clarify things in one go 🔝
@filmgenius211 ай бұрын
I'm thrilled to share my experience with Automatic CSS, Frames, and Frame For Figma. These invaluable tools have not only enhanced my web design projects but also rewarded me with newfound time and income potential. When I first ventured into web design, inspired by Kevin's tutorials, I had the belief that "I can tackle this myself." While I did gain valuable knowledge, it came at the cost of consuming a significant amount of my time. However, the introduction of Automatic CSS, Frames, and Frame For Figma has been a transformative experience. These tools have considerably slashed the hours I used to dedicate to design tasks. This newfound efficiency not only enables me to channel more energy into my primary passion, videography, but also opens doors to additional income opportunities. These tools have indeed been a game-changer, making my creative journey more efficient and financially rewarding. Moreover, using Automatic CSS has had a remarkable effect on my mindset. It has turned my initial fear of web design into a genuine sense of excitement. This newfound confidence and efficiency make pursuing my creative passions an even more fulfilling and enjoyable journey.
@AutomaticCSS11 ай бұрын
Love this!
@ammarali38199 ай бұрын
Kudos to Kevin! His website design course is a goldmine of knowledge. I now confidently create responsive layouts, thanks to his detailed lessons and practical tips!
@replymedia7 ай бұрын
Which course? Is the zendesk series?
@JacobBall757 ай бұрын
@@replymediaPage Building 101.
@bikimel-directes Жыл бұрын
I am new ACSS and this is helpful, thank you.
@groundpets51017 ай бұрын
this was joy to watch! i wish other plugins do this!
@michailgiannopoulos5274 Жыл бұрын
A goldmine of a video. Simply awesome!.
@ReubenHochstetler Жыл бұрын
The great thing about ACSS is that you can start using it slowly. One of my favorite things is the color shades and automatic responsive text. It makes web design so much easier, scalable.
@SiteswithNatalie9 ай бұрын
Great getting started video on Acss.
@adamu6941 Жыл бұрын
you convinced me to use Acss I think that by mastering it enough we save time and that in the end we deliver better quality work. I just bought it this week-end, need to practice now.
@AutomaticCSS Жыл бұрын
Welcome aboard!
@SuperIce6374 Жыл бұрын
Update on this?
@adamu6941 Жыл бұрын
@@SuperIce6374I haven't really used it to be honest....
@SuperIce6374 Жыл бұрын
@@adamu6941 Thanks for the followup!
@tjveach Жыл бұрын
Great job, outstanding job, great advice, BIG help!
@BGdev305 Жыл бұрын
@automaticCSS there is one major issue with this video.. it should be pinned / featured to the top of your videos list! As a developer I am familiar with much of what you covered here. BUT, for those that are learning, THIS is pure gold! Not just for the power of AutomaticCSS, but the knowledge you dropped (I dont even think you are aware) in this video that has nothing to do with ACSS, is MAJOR! I watched numerous videos of yours here BEFORE seeing this particular one.. BUT, a new leaner should see this one first before any other because it then makes the other much more understandable. Just my thoughts. As a developer I normaly npm a package for something "similar" to this, but bem is not included and obviously it's only usable in vs code.. but I'd much rather have this CSS control right in WP. Provided this plays well with Bricksforge, AutomaticCSS is going into every project going forward.
@AutomaticCSS Жыл бұрын
Thanks! We do have it pinned inside the community and documentation so they see it there.
@imtherealeddie8030 Жыл бұрын
Great video, as always 🔥
@kevinnicholson2383 Жыл бұрын
Brilliant! don't like writing vanilla CSS after using Tailwind, this looks like another game changer gem… superb work!
@AutomaticCSS Жыл бұрын
Thank you 🙏
@mjacksonjones Жыл бұрын
I was just thinking this reminds me of Tailwinds (which I've been using HEAVILY for the last 2 years now). I don't want to write any classes if possible - been there, done that for 15 years. I was hoping to find a simple way to use Tailwinds with WP, but this may work.
Жыл бұрын
Thanks for this! 🎉
@007Babush Жыл бұрын
Started using ACSS and Frames on a new project and it's really great! Can't imagine building a site without it in future 👍 I'm planning on converting a previous site I built to ACSS 😬 Would it be possible to do a short video on your recommended approach/best practices when integrating ACSS (and possibly Frames) to an already existing project?
@AutomaticCSS Жыл бұрын
I’ve never personally done it. I suppose just go element by element and convert only what’s really needed at first.
@aaa123 Жыл бұрын
ACSS seems promising. I also see a lot of comments about how they love ACSS. I'm trying to understand how it would fit in a day to day workflow for building a website and how much time it would really save. I haven't see any video that shows ACSS in action. Kevin, it would be very helpful if you could make a video that shows the process of building a simple brochure website using ACSS and Bricks/Oxygen. Maybe you can take any existing simple website and build something like that from scratch using these tools.
@AutomaticCSS Жыл бұрын
I use it in all my tutorials on my digital ambition channel and in my inner circle. I can do an updated landing page tutorial soon though.
@aaa123 Жыл бұрын
@@AutomaticCSS oh ok. Thanks Kevin. I will check out that channel. I was thinking of a 3-4 page brochure website tutorial. I think the power of ACSS can be seen through how the inner page development can be significantly sped up with consistency across the site (at least that's what I understand as a benefit). Appreciate your response and willingness. Thanks.
@xReTuneSx3 ай бұрын
This is just insane, I will never use something different anymore
@mehdimoradi603 Жыл бұрын
Thank you, it was so good and helpful. Is it possible to make a tutorial about images! Its bden always hard to keep the best aspect of the image in different devices and how to config it in bricks
@digiguiden Жыл бұрын
Thanks for a great product, Kevin! Now when I've started using ACSS classes, I'd like to delete all my old styles. Is there an easy way to accomplish this? :)
@seekingthekingdom101 Жыл бұрын
sfs acss all of in one
@fatcatdesign7 ай бұрын
This vid is amazing! I'm still a little confused about adding custom classes and then using var settings in the Primary and Advanced tabs, versus using a standard ACSS class for elements; and when to combine with custom classes for elements. I'm just thinking of your vid on how to use var to prevent having to "recreate the element wheel" every time.
@AutomaticCSS7 ай бұрын
You'll get the hang of it in no time!
@fatcatdesign7 ай бұрын
@@AutomaticCSS 😁😃😃🙂
@drteddyweb Жыл бұрын
Thanks for all your amazing videos. I have a... rather question: how did you design the numbering in every section with the greek background?
@AutomaticCSS Жыл бұрын
Pseudo elements.
@razibsh6 ай бұрын
5:51 trying to understand this. If I remember correctly I think you’ve mentioned that when creating a class for an element we want to keep all the design and styling under this specific class, but as I can see you are adding many different classes (to create the different breakpoints).. is this fine or do I miss something here? 😅 *** sorry I now see what you said about variables 💪🏽💪🏽
@AutomaticCSS6 ай бұрын
Depends on what you’re trying to do. Post in the group and we can help you.
@tahor3 ай бұрын
How do you get the left side gutter for the sections? The green side bar.
@AutomaticCSS3 ай бұрын
Pseudo elements
@xReTuneSx3 ай бұрын
Do we have this demo-page installed when we buy ACSS or is this just for this video?
@AutomaticCSS3 ай бұрын
I'm just loading in various Frames from the Frames library.
@lgkevincc Жыл бұрын
Thank you for the video. It's a great product. Can I ask a question? Is there a way to add negative margin? I don't find any utility classes to add negative margin.
@AutomaticCSS Жыл бұрын
Yes, you can multiple any ACSS variable by -1 in a calc() to make it negative.
@saskia80183 ай бұрын
I'm probably being daft but what is the advantage compared to just making your own classes and css? Faster because stuff is predefined?
@AutomaticCSS3 ай бұрын
There is a lot more going on than that.
@saskia80183 ай бұрын
@@AutomaticCSS Yeah I think I just need to absorb this some more to wrap my brain around it. I just come from the end of writing my own classes and CSS for WP.
@drteddyweb11 ай бұрын
I don't know if it's normal but in various browsers grid-- utility classes not autorefreshing in builder. To be more specific: I assign a grid--3, grid--l-2 and grid--m-1 class to a container. When I remove grid--l-2, L breakpoint grid shows still as a two column grid. If a refresh the whole page it renders properly. What can I do in that situation? It's rather annoying...
@AutomaticCSS11 ай бұрын
Sounds like caching.
@sophiemulders9 ай бұрын
just bought it whooohooo. Does a section ( with no class on it) have a default padding in bricks? is there a way to turn that of or is that something that comes from ACSS? i am new to Bricks and ACSS.
@AutomaticCSS9 ай бұрын
It’s from ACSS and it’s desirable. You don’t want to have to add a class to every section or make a padding decision on every section. It uses your default base section spacing value and it’s automatically responsive. You can adjust it via the dashboard.
@sophiemulders9 ай бұрын
@@AutomaticCSS cool! That is really nice to have!
@Smnthaas7 ай бұрын
Does acss only works with bricks or with other page builders also?
Hey I finished up the content in PB 101 and I'm now moving over to learn about ACSS (as I bought it recently and haven't really dug in yet) and I'm a bit confused by the organization of the videos on this channel/not really sure exactly where to start as the Official Intro (this video) is the last in the playlist? I'm sure by the time you see this comment I'll have figured things out but just wanted to raise a little flag for you.
@AutomaticCSS Жыл бұрын
Yes, this getting started video is the one you should start with.
@RicardoCorai Жыл бұрын
Hey! Great video. I learned a lot. I have a couple of questions: 1. The form styles are available for all form plugins? I'm asking because in general I use Gravity forms and sometimes I have to use Formidable Forms. Will both be styled with ACSS? 2. I already have a few sites using Bricks without ACSS. I would like to start using it on those sites. Could you describe the steps I must follow to make it possible? Thanks for your support!
@AutomaticCSS Жыл бұрын
Right now it’s Bricks native form and WSForm. Next is Fluent. The process for an existing site depends on how far along you are with each site. Ask the support group for help and post some links.
@michailgiannopoulos5274 Жыл бұрын
@@AutomaticCSS Yes fluent forms, second best forms plugin!
@peteharrison324110 ай бұрын
Hi there, when will the cheat sheet be working? the google sheet is very hard to understand
@AutomaticCSS10 ай бұрын
When it’s ready. Can’t put a time on it.
@kamilmuras760310 ай бұрын
Anything else mentioned in the video still not working after 10 months? (I know it's a bit of a sarcasm, but I am interested in buying and have concerns) . Great work btw! Aren't you afraid that all of your work will be included in bricks finally one day ? Because I did notice some of functionalities from bricks forge were included in BricksBuilder like php query. @@AutomaticCSS
@dzulhelmi81 Жыл бұрын
For form styling, if we are not using Bricks form or WS form, can we still use ACSS? For example, Fluentforms.
@AutomaticCSS Жыл бұрын
You can still use it, but you won’t be able to use the ACSS dashboard to style the forms.
@peteharrison324110 ай бұрын
Is it possible to get a copy of the page you use to give this tutorial? I think it would really help me as a reminder of the different sections you cover.
@AutomaticCSS10 ай бұрын
I don't have it anymore.
@antonichristian5845 Жыл бұрын
very nice indeed great primer! on the use of colors i am now using Oxygen is there anyway to have these colors available to me under global colors like you can in Bricks? I would find that very useful... thanks
@AutomaticCSS Жыл бұрын
Unfortunately not. Oxygen's color management leaves a LOT to be desired.
@vlozity4 ай бұрын
We need single website licenses
@dzulhelmi81 Жыл бұрын
Variables remind me of SCSS, does ACSS is using SCSS? How does it compile?
@AutomaticCSS Жыл бұрын
Variables in SCSS are very different from variables in CSS. These are pure CSS variables (called "custom properties" in CSS). But yes, ACSS is built with SCSS. Every time you save a setting in the dashboard the stylesheet is recompiled.
@dzulhelmi81 Жыл бұрын
Why add blocks in container instead of div?
@AutomaticCSS Жыл бұрын
Because I want them to be flex items by default. Either will work, but using a div requires the extra step of setting it to display flex.
@skip1978 Жыл бұрын
Does it make sense to use ACSS with GenerateBlocks (+GeneratePress), I do not use any Pagebuilder? thanks
@AutomaticCSS Жыл бұрын
Not yet. It’s not fully compatible and generate lacks support for variables.
@skip1978 Жыл бұрын
@@AutomaticCSS thanks for taking your time
@vigilantezack Жыл бұрын
Does the styling of forms override other form builders like Gravity, Fluent, Contact Form 7, etc? Styling forms is hard, like you said, but part of that is because of all the defaults with high level specificity. It's really annoying trying to override those defaults.
@AutomaticCSS Жыл бұрын
Yes for the supported forms. Currently just bricks and WSForm. Fluent is next.
@mikesam7258 Жыл бұрын
ACSS must has auto sugestion if your writing variables in Brics. It simply MUST HAVE function, no one will remember all variables and no one wants to write them manually all the time. 😉
@AutomaticCSS Жыл бұрын
Most people have the variables memorized because there aren’t really that many. We are working on auto suggest and some other features though.
@rafikiAli4 ай бұрын
⚠NOOB ALERT!! ⚠ "pad--I" does nothing for the padding in the card, in my freshly purchased and installed ACSS. DISREGARD! FYI: "Pro Mode" 🎉😊 It's a thing!
@joachimauster Жыл бұрын
Here is the link to the tutorial with clickable parents (its a oxygen video, not bricks based unfortunately) kzfaq.info/get/bejne/ecqmqbeZyMy6fmQ.html @Gearyco: please put it in shownotes
@AutomaticCSS Жыл бұрын
There’s a bricks one too
@joachimauster Жыл бұрын
@@AutomaticCSS Can you please put the link to the "bricks one"? your answer opens only a new loop… Link to the video would be perfect to close the loop and get the video
@joachimauster Жыл бұрын
@@AutomaticCSS and where to find? putting a link might be perfect, just claiming does not help anyone… 🤷♂️