Видео

Hi I haven’t unfortunately but it’s probably todo with CORS policy or cookies.. Safari is stricter with these so could be there is an issue with your configuration. I’m away on holidays at the moment so can’t run any tests. Fingers crossed that helps.. let me know

Yep.. crazy how the wheel turns.

Hi there a great library is bricks library.. I will do a video on this in a few weeks or so.

I will check it out thanks for the tip.

Yep yep and yep.

Interesting will take look.. thanks

Will dig in and test it out.. thanks

The issue isn’t todo with being able to create a utility class but instead have them independent from each other.. for example in Webflow if you create a class of margin-b-sm and apply that to div that already has a class assigned (eg. text-white) and then you modify the divs classes this creates a combo class issue and effectively breaks the utility class workflow. This gets even worse if you start adding more utility classes like “text-white padding-sm margin-bottom-lg flex …” You can use variable to get round some of this issue but still any amends to the combo class creates a ripple effect. As a direct comparison In bricks for example these classes are independent so you lock the utility classes and you can safely assign, modify and remove the classes without any overwriting or modification. Tailwind is a different beast in the way it works as it’s a coded solution vs page builder so is not a fair comparison. But builders like Bricks give you a way to at least safely work with a utility class based workflow.

@@AlternatePro That's what I mean, you're doing it wrong. I have for example a class called "flex" a class called "space-between", "center", "vertical", "baseline" plus hundreds of others which are in my style guide. So if I want to create a area where we have flex box and spaces between the items. I apply flex, space-between on the item. Let's say on tablet I want it to be centered, well I have a class called m-centered, which I would apply to the combo. On desktop it does nothing but on tablet is switch space-between to center. So I have utility classes for like skeleton things like column sizes etc, based on a grid (design), then for actual elements I use the "cards system". I also have section styles like section midtone, section has it's own styling, midtone has it's own styling which if I applied to section or any other div would bring in only that specific styling. I also have the same system for footers, headers, collections, basically everything. So if I am changing anything, I don't need to change it on the page it's on, I can just change it in the style guide. It's a combination of understanding what is skeleton html and what is components, actual components/cards. Then having it all in your style guide which allows you to change anything you want without stuffing everything up. Like for example, you mentioned "margin-bottom-lg", I don't have those, I've seen them on other style guide systems - but you don't need them if you use components properly.

@@AlternatePro I worked with wordpress for years as a theme developer, using bootstrap. I know what tailwind is, my actual system is based of tailwind & scss, but I adjusted it for webflow use. All those classes like text-white etc, I don't use because the color of the text comes from the section. For example section.dark will have a dark bg and white text, then let's say you have a dark bg, but collection items with white bg. I use richtext mainly, so I have a rt.dark which will have dark themed colors for fonts etc.

Yes I know this workflow and use it myself (style guide and utility). But this is still inflexible vs an isolated class workflow. Now if this was the only issue I had with Webflow then it can be worked around like you have said but the point I’m making in the video is that there are options out there that give you more flexibility, more powerful cms’s, backend access, better dev/design experience and no hacky class systems needed. I’ve used Webflow for almost a decade and loved it but I feel that other tools are now eclipsing the design experience pioneered by Webflow. Ultimately if you like webflow’s workflow and it’s good for you then all good. But for me I find myself enjoying other frameworks more.

@@AlternatePro I use webflow mainly because that's where the work is. But if I get to choose for the client the CMS then I always go with strapi. In terms of flexibility and power you will not find a CMS that's even close to being on the same level as strapi.

Always interesting to see how this space develops.. constantly evolving. It’s what I love about it.

Yes, I do. ACSS is awesome.

Yeah I like Astro too.. I like its ability to mix and match frameworks as needed. And it’s SO fast.

Yep

Personally I’m not a fan I found performance to be poor and the overall building experience was not for me.

Yeah they are fantastic

Yeah it’s not a new addition for me but one that’s been growing in usage on my part. It’s great and keeps getting better and better.

Yep.. exactly my frustration.

Thank you for your comment. Agreed and you just put a smile on my face. Have a great day.

Yes I saw that.. that’s awesome.

Do you think framer is a good tool for custom coding solutions?... This is a genuine question..I don't know much about framer

Hi yes we do use Framer but only for very basic sites. Nice workflow and I like the design experience but for more complicated sites it will get in your way. Nuxt is a JavaScript framework so is on the opposite end of the workflow side of things where everything is code but you can build pretty much anything. The thing I love about web development and doing this channel is there are so many awesome tools and ways of working out there and for me I really enjoy testing and exploring them. They all bring something different and have common ground but at the end of the day if you like it and most importantly it works for your client then all good. As web developers we easily get stuck in “OUR” preferred tools but having context and a wider perspective on what’s out there will help you and your clients pick the best tool for the job and this is the primary focus of this channel. Thanks for your comment.

Hey they are very different. Bricks is a no code page builder and Nuxt is a JavaScript framework. Which is all code. But I would recommend having a play and learning something like Nuxt (vue) as this gives you flexibility in your toolset so you can solve bigger problems for your clients. Also frameworks like Nuxt, NextJS, Astro etc all begin to feel familiar once you know at least one. And becomes so much easier to switch things up if needed. You just have to change gear with the conventions and structure of the specific framework but that is no biggy when you consider good documentation, communities and ai.

Heading in the right direction but it’s still early doors with some missing fundamentals. But definitely interesting

Webstudio is amazing

Hi for me it’s feels too restrictive, but to be honest I haven’t given it much time or attention at all recently. I will have a proper play. Thanks for your comment.

The WP block editor is fine for basic content, but trying to use it professionally for real client projects instead of an actual framework and layout (page) builder is far too limiting. Need to do something simple like adjust a heading from left aligned to centre aligned on mobile? Now you’re into the weeds of installing additional plugins that give you the basic controls that should be in core. Conditional display of elements? Proper query loops? Element conditional display? Class first workflow? Plugin plugin plugin… and painful in comparison. All these things pros need are standard in Bricks along with far too many necessities to list here. Pros understand 🙂

@@GrantHawkey I build websites for local service businesses, been at it since 2006. Not sure if I’m a "pro" but I’ve been around since the Dreamweaver and Microsoft Expressions days. Was using Oxygen until the big exodus, then gave Gutenberg a shot. Turns out, I don’t need all the fancy tools “pros” claim are essential. FSE, Spectra Pro, ACF Pro, and WPCode do the job just fine, and I’m cutting about 15% off build time. Spectra Pro handles most of the conditional logic, and if I need something more complex, ACF Pro’s always there to save the day. The setup is lean, efficient, and effective for my needs.

@GrantHawkey nicely put

​@@GrantHawkey I thought I had already responded! Web development really comes down to mastering three core components: HTML, CSS, and JavaScript. With a solid understanding of these, you can achieve just about anything in Gutenberg. Frameworks are just shortcuts-they streamline the process but aren’t always necessary. Personally, I prefer sticking to vanilla code or lightweight utility frameworks. It keeps things clean and makes it much easier for clients to transition the project to another developer or their in-house team down the line.

Yes but good server security and using custom authentication token with env to validate requests to graphql can help mitigate this.

Yeah it’s fantastic.

but in this way you will pay more than with only elementor pro, are that the right way?

@@elevateyoursoul8 avoid elementor like the plague. bloated mess. if you're to pickup a builder in 2025, better learn bricks.

I was about to say same.

@@bikinitony For real, Bricks isn't playing

Hmm will have to take a look.. thanks for the heads up .

Yesssss! 😃

This is at around 2yrs out from a full production more likely. However, could be a good contender!

@@AlternatePro agree EtchWP will be the best WordPress Builder/dev experience for professionals

100% agree.. buy functionality, bolt it in with duct tape and then ask the community to lament and pay for more without fixing core issues.

It's sad but true

Yep

For me it’s more a right tool for the job kind of thing. For example we work with a number of brand agencies who have a no-code web development component to their business and they make some awesome marketing sites. But when the complexity of the site or a clients requirements evolves then we work with them to help transition the client or provide a coded solution.

The no code comparison is vs Bricks builder. But my workflow and my companies isn’t restricted to just one tool and I wanted to share my favourite stack. Depending on the client or agency I’m working with then selection differs. These are my preferences and Nuxt is my personal favourite but when required by a client to use a page builder then my recommendation has tipped toward Bricks. This is the same for different frameworks. But like any tool/ framework/platform they all have their own quirks/limitations/strengths and it really comes down to client preference (if there is a strong opinion or existing tooling) and requirements (use a hammer to drive a nail in not a wrench). At the end of the day it’s all just HTMl, CSS and JavaScript how you put it together (excluding Backend) is up to you, but flexibility and unhindered workflow should be a priority and to me these “tools” tick that box. Hope that clears up my intention with this video.

@@AlternateProI’m starting and insights like these are gold. Thanks for sharing. Subscribed

Thanks and welcome to the never ending roller coaster of web development 😂 Best of luck in your journey.

Webflow isn't "no code" - to do anything meaningful requires some understanding of code

100%