Видео

I think that is a bad Idea to have a component cut into pieces, You should rather fix the height of each element and truncate the text.

Is it possible to use Integers from the CMS (via Google Sheets) to define the height of a component or element??? It is for a Chart Animation based on the values from an external source.

Great content, brother

This is excellent! I’ve wanted to try building my own components for a while but the lack of docs is challenging.

you almost had me then you started listing crippling issues with webstudio that makes me feel like this is not it. At least not yet.

Using clamp() for padding and margins is one way around this issue since you can set the min and max sizes, then let everything in between adjust itself based on other factors.

Why are you dressed like a gay communist from Honduras or Venezuela??

What exactly are you talking with CMS? For which kind of use are you talking about?

I noticed a few uses of "maybe" and "I'm still learning here ...". When I hear these things in instructional videos, doubt creeps into my mind as to whether I should listen to it or not. I don't want to listen to something like this and later find out it was wrong.

Do you need to worry about that if you just use flex-wrap: wrap;?

To me the only reason to use rem is for accessibility of text, so that users who set up "large font" in their browser are actually seeing larger font size in our website. But then I wonder if it's really useful to set rem units to big headings, like, I'd rather have my headings in vw units so then it scales nicely with the browser width and stay consistent. Headings are already big enough so that shouldn't be a problem with accessibility. Shouldn't we use rem units on mostly paragraph text only ? If I set all my fonts to rem, and let's say my h1 has a font size of 6rem, the font will be 6*16=96px height for that heading. If a user has the "big font" accessibility turned on, and so the basic font size goes from 16 to 32px, then my h1 will now be 192px, which is really huge and definitely not good for accessibility as it will take a big chunk of the screen. Maybe we can use something like "calc(min(6rem,120px))" in css to make sure that our font don't get too big ? Even if I use rem for headings I'm really asking myself if it's the right solution here.

Great, now I have to rewrite my entire website that uses rems everywhere although nobody visits. 😭

My Designers keep telling me that there is readability reason why we do spacings relative to font size and not just a fixed pixel value. A person who prefers bigger letters apparently seems to also prefer bigger spacings. I personally don't get where the problem with having more lines in a text is. I generally set my font-size in the :root to 6.25rem so I get nice round (and therefor better readable) numbers to work with. There are some situations where I limit the maximum value of spacings to a fixed value during communication with the designer.

I use em for all my paddings and headlines for normal paragraph text and longer texts I use rem is this generally a good solution?

Agree with this perspective and I almost always use px, rem, and em for their original intended benefits. Another interesting comparison though is this video from Timothy Ricks walking through the nuance of this topic specifically in Webflow which has unchangeable px based breakpoints. ruclips.net/video/S0qd40EimcY/видео.htmlsi=ZqTWZHiI6JNjO08r

i know your video isn't about that but my airpods pro 2 when i record it uses my phone microphone which is cooked and not my airpods

Is this goood for AirPod max?

Your videos are kind of quiet. I have to turn up the volume to 70% to understand what you’re saying. Thank you for sharing the story. I’ve had similar experiences myself. It’s important to set clear boundaries from the beginning and then weigh what is ‘okay’ and what is ‘too much’ when more is being asked.

Thank you so much sir.

Uff… I know that feeling! Thanks for your story! The more experience I gain the easier it gets to catch red flags early on - still not 100%. Money can have a different value for different clients. 10000 is a lot for a small client or startup and the expectation are quite high, whereas the same amount for a large, established client is just an other expense.

Yeah, tell a bit more about your business, how it started, how you started acquiring your first clients, how you managed to make a living from your companies income etc. Would really like to hear some stories as I am in the same situation right now

Webflow is truly s. Sorry but it is. Absolutely hate it with a passion now. Used to have a love affair with it but that has long since passed.

Still hate the lock-in on these tools and the CMS pricing, but the capabilities look nice, at least I know I won't need to panick if a client really wants to use them

Thanks for the review, looking for a backup builder solution to WP, no CSS grid yet, so will keep it in mind for future. For now Bricks for me

Do you have any videos or info on how to set up that server so that you can mount to the webflow page and see updates by only refreshing the browser?

Looks like I need to crack open Wix Studio again

Thanks for the great content. Im curious as to why you're not putting this on Webflows native tab panel?

CMS multi reference without limitations unlike “other platforms” hahaha

F.ah yhayo o b.f irre n.fmrope

Hardware keyboard isn’t showing up on IPadOs 18

Thanks a lot! I don’t get it sadly fully, is it a wysiwyg builder? Can I make/see my designs which is translated to code?

Hello Samuel, thank for this great introduction. In germany this becomes mandatory from July 2025 for certain fields of business (doctors, physiotherapists etc.). I also have a question: I have a mandatory checkbox in my webflow-form and somehow it is impossible for me to check it via keyboard (navigate to the checkbox with tab and select it with enter). Am I doing anything wrong? I am kind of stuck here ... maybe you can help me with that? Greetings from Nuremberg

Sounds very bad.

Thank goodness for this video! I've been experimenting with this all day today. I remember a while ago you were talking about classes being "replaced" by components, and I didn't quite know what you meant. But I understand now :) But I couldn't figure out how to control the child variant until I saw this. Thank you. That was the missing piece of the puzzle. Without it, it just wasn't quite complete. But now (with a bit of nesting) you can have a component where you can control the background colour, text size and colour, padding, all controlled in one panel, with a slot so you can slide in whatever content you want. It really unlocks a completely different paradigm. I'm trying a rebuild of my starter template and design system based entirely on the component system. Just to see how far I can take it.

how can i get the value from an input text? This prop is not available to me...

Hey! Sound cool. I need to subscribe as a "Fan Support?" to get the course?

I’ve never tried it, but I think I would utilise Tag Manager’s “fire the tag when event happens” functionality. It also allows you to check a cookie value. Messing with the original tag code is admirable, but 7 months from now I will forget entirely what I did there and any debug will turn into a nightmare.

the motion docs are way better however

Why does the client need to use Webflow? They arent the one developing their website... right? I'm confused

The worst thing about it it's the lack of mobile responsiveness

I would like to know your objective opinion why your clients should switch to WF. I personally can't see any reason to recommend WF. For low budget client is FW costly and big client prefer other tools _(not no-code)_ as they offer much more flexibility, are more reliable and secure. I agree that WF is suitable some way for specific niche clients as marketing sites but with new pricing models as Optimise ($300/m), Analyze ($30/m), Localization ($9/m per lang) it may narrow number of clients willing to use WF. Not talking about charging for connection to payment gate for each transaction, another extra cost that may come later when WF will monetize another small features or using Zapier etc. that may increase costs rapidly, based on complexity and amount of traffic, when with standard development you can implement these functionalities without using 3-rd party paid service. just with API's etc. etc. etc. IMO WF is great "Design" tool to create fast prototypes. But I understand that "no-code" is costly.

Hey Samuel. Have you heard about Ycode? If not, u might wanna check it out and test it if the tool is worth a try. We viewers would definitely appreciate ur thoughts on this new tool.

Are you trying to get your client to move into Webflow?

What do you think of component variants? Are you using page builder yet?

Go straight to the end, thank me later

These laws were a response to rise of mass data collectors in 2010s. When many people realised data could be sold, they started using harmless pieces of code/js libraries/integrations to also collect data and sell it to collectors. It is one thing if your actions are recorded on site A. But if they can use integration 1 from site A to gather all your actions, and then integration 2 from site B to gather your actions there, and so on, they can eventually track you all over the internet, establish your entire web browsing history, figure out where you live, what you do, your life schedule, your family members, your health issues, your financial situation, where you work, what problems you have (because you google them, idiot). And then, they can use that information to fuck you up in a way you cannot even imagine. Advertising is just a child’s play in the range of possibilities. They can extort you over sensitive information, they can mug you because they know when you come back home with a salary, they can scam you because they know what you are looking for and just now magically you receive an email with a unique proposition, they can kidnap someone close to you if you are rich, the list goes on and on.

Re-edited for your viewing pleasure. Deeper dive into GSAP and Motion on my React in Webflow course: patreon.com/0x5am5

I am trying to build an add to cart flow with CMS synced data from a google sheet, I still couldn't do it, I've tried everything

i am looking for a solution for hosting dynamic webstudio sites on coolify, any ideas?