Webflow and Code

Webflow and Code

As a developer, my ethos is always about understanding fundamentals and on this channel that's exactly what we do. Seeing past the flashy veneer and staying rooted in the basics so we can build a sustainable web for all.

The Worst Webflow Influencer

The Worst Webflow Influencer

Class Names are DEAD!

Class Names are DEAD!

GSAP in Webflow SUPAFAST

GSAP in Webflow SUPAFAST

VS Code + Webflow = 😍

VS Code + Webflow = 😍

Пікірлер

  • @dragonlore7574
    @dragonlore75748 сағат бұрын

    Have you tried divhunt yet and what is your opinion as wf alternative?

  • @wings545
    @wings545Күн бұрын

    Yessssss I’ve been trying to use webstudio with gpt and plain html. This is a big upgrade ❤

  • @danielapro9755
    @danielapro9755Күн бұрын

    Hopefully Webstudio won't get sued or anything :(

  • @webflowandcode
    @webflowandcodeКүн бұрын

    I did think along those lines and even asked around beforehand. It’s definitely not enough to get sued and it’ll look bad if they take any sort of action as Webflow are very anti competitive in the first place with their strict vendor lock in ecosystem.

  • @renieljustincole5615
    @renieljustincole56152 күн бұрын

    Great content! I love it! Just a quick question for you. If we compare the overall expense of running a CMS Website built with Web Studio vs Webflow, who would be cheaper? I get that Web Studio is opensource and costs is free, if not, very low. However, 3rd party integrations usually are not, compared to Webflow where everything needed is almost included in the pricing. Thank you for your insight! :)

  • @webflowandcode
    @webflowandcode2 күн бұрын

    This is something to consider however the cost for CMS is anyways going to be lower. Take Airtable as an example. We are using the free version but even then the paid version is $20. Reminder also that you could build your own CMS if you have the capabilities which could be even cheaper again. With SaaS you’re almost always paying for convenience but then convenience is relative as a vendor lock-in like Webflow is pretty inconvenient when it comes to scaling a website. Something to consider if your project may outgrow Webflow.

  • @ercrapa75
    @ercrapa752 күн бұрын

    Was this guy not over with Webflow ?

  • @webflowandcode
    @webflowandcode2 күн бұрын

    Welcome back! You should subscribe!

  • @cweb1988
    @cweb19882 күн бұрын

    Once they get animations and interactions, then they'll be a compelling competitor.

  • @webflowandcode
    @webflowandcode2 күн бұрын

    Meh. Get yourself learning GSAP my friend.

  • @cweb1988
    @cweb19882 күн бұрын

    @@webflowandcode I guess....but if it wants to compete against the other "no-code" platforms, it needs those features.

  • @dragonlore7574
    @dragonlore75743 күн бұрын

    Have you tried Divhunt yet?

  • @webflowandcode
    @webflowandcodeКүн бұрын

    Not yet!

  • @bylauvideo
    @bylauvideo5 күн бұрын

    Great video. I'm a React noob, so this question might be stupid: Do you think it's possible to call a mySQL database (perhaps pull the data out as an API) and post the data in a Framer component? I'm trying to pull a bunch of concert dates out of the database and present them in Framer.

  • @webflowandcode
    @webflowandcode5 күн бұрын

    You’ll need something (an API) to sit in front of the mySQL database but no problem fetching that from a code component.

  • @akhyarrayhka4048
    @akhyarrayhka40488 күн бұрын

    dvorak is strangely good touch typing, i used dvorak both on keyboard and touchscreen

  • @TomekWilczak
    @TomekWilczak10 күн бұрын

    Really helpful walkthrough and lot's of useful tips for using WebStudio, thanks! I have one question regarding the API calling to Airtable. How are the credentials handled given that the project can be hosted on your own hosting? In other words, is there a way to handle authorization on backend without exposing API keys on the frontend?

  • @IAmTrySound
    @IAmTrySound9 күн бұрын

    Those resource variables configuration is not exposed to frontend and stored only in backend source code.

  • @BrendanOConnellWP
    @BrendanOConnellWP10 күн бұрын

    Thanks for the walk thru.

  • @webflowandcode
    @webflowandcode10 күн бұрын

    No problem!

  • @maxjsandoval
    @maxjsandoval10 күн бұрын

    I really dig WebStudio. I am new to it as well but it is really awesome. All the things I wanted Webflow to do and more.

  • @webflowandcode
    @webflowandcode10 күн бұрын

    Yeah I think it’s a really compelling package

  • @adamkhaled9601
    @adamkhaled96018 күн бұрын

    Have they launched the e-commerce feature yet? 😮

  • @32handsomeUK
    @32handsomeUK11 күн бұрын

    Hi 👋 Can someone help me please ASAP I’m facing massive issues with my new website and after deciding to start a business I didn’t realise the cost which most agency’s charge today, so I picked someone to build it off fivver I found a stunning webflow template NIKKA which is basically 95% exact layout and font etc that I want HOWEVER It only comes with a few pages and is missing a order form, FAQ’s page and service page which needs duplicated 4 times for our 4 different services NOW the designer is saying these pages do not come with your template and I cannot create them ???? SO WHAT THE HELL DO I DO AND WHAT DO OTHER PEOPLE DO WHEN THEY NEED MORE PAGES TO ADD ON TO THEIR TEMPLATE The new pages need to follow the same design, font, etc CAN THIS BE DONE ?? Also is it possible to choose those pages from say another webflow template and use them ??? If I buy say both templates I’m not a website expert but this is causing me sleepless nights now and it’s starting to get me down as it’s been 9 months of hell I don’t have any money hence why I can’t use an agency so I’m trying my best with what I have but it’s becoming obstacle after obstacle Can someone advice me of best options please Thanks

  • @sebrame
    @sebrame11 күн бұрын

    I've been hosting several Webflow sites elsewhere for years. The only caveat is the loss of CMS capability, but I understand that is even possible now with self-hosted Webflow sites.

  • @webflowandcode
    @webflowandcode11 күн бұрын

    I think WebStudio is well suited to this workflow

  • @sebrame
    @sebrame11 күн бұрын

    @@webflowandcode Except that you can't export your site code.

  • @ElitePeeM
    @ElitePeeM12 күн бұрын

    These web platforms with built in hosting are such a risk. Any serious web dev agency with a large number of clients wouldn't be using Webflow or any of the other all in one solutions. Not only can prices go up at any time, there is always a risk of the whole platform going down. Look what happened with Microsoft recently, it caused worldwide havoc. How many Webflow agencies have a disaster recovery plan? How are you going to move to a new hosting provider without having to rebuild the whole site?

  • @webflowandcode
    @webflowandcode12 күн бұрын

    It’s a very risky position to be in for sure

  • @vivian5361
    @vivian536115 күн бұрын

    I think that the GDPR works well for the EU to collect fines. The whole GDPR and privacy policy and T&Cs things have gone too far. And I'm not saying that we don't need such laws and T&Cs. It is just not practical any more, it is too complex. The UK is out of the EU and still follows EU laws. It is about politics and not protecting people's data, who has the data has the power.

  • @OneBrighDay
    @OneBrighDay15 күн бұрын

    This is exactly why I still like the traditional way of developing sites in that you are relying on any single solution for your work. People who think coding is dead are short sighted.

  • @webflowandcode
    @webflowandcode15 күн бұрын

    I agree! No code is a convenience tool, not the future. But some people’s livelihoods rest on using them (and fair play) they just need to swallow the costs of that convenience.

  • @OneBrighDay
    @OneBrighDay15 күн бұрын

    @@webflowandcode oh I agree but if your livelihood depends on any one of these maybe it’s time to at least diversify your knowledge base. Any technology can be a preference but it can’t be all you can do. I started programming in Flash & in those days it was everything but nothing lasts forever.

  • @webflowandcode
    @webflowandcode15 күн бұрын

    @OneBrighDay you have to remember a huge demographic for these tools are designers. Many of them have little to no interest in learning how to code. My whole channel tries to help diversify but it’s a tough crowd. Trust me

  • @OneBrighDay
    @OneBrighDay15 күн бұрын

    @@webflowandcode very true 😊

  • @flexagency
    @flexagency17 күн бұрын

    Webflow's awesome for design, but man, it's kinda lacking in the backend department. So here's what I do: I split my process into two parts. First, I whip up a slick frontend in Webflow. Then, I use this secret tool (it's like Udesly, but way better) to hook it up to WordPress. Best of both worlds, you know? Funny story - I had this client who wanted everything done in Webflow. But then I tried to add a nested collection in the footer (just a simple dropdown with categories and stuff), and Webflow was like "Nope, can't do that in a component." Talk about annoying! 😤 WordPress, though? You can pretty much do whatever you want. No sweat. Anyway, that's my two cents. Cheers!

  • @chinoalfredobannon1270
    @chinoalfredobannon127017 күн бұрын

    What is that secret tool (like Udesly). I would be interested.

  • @webflowandcode
    @webflowandcode16 күн бұрын

    I don’t understand paying for Webflow just as a designer. Way too expensive. I’d rather learn another. Pinegrow and Bricks are my favourite for Wordpress

  • @pxlskee
    @pxlskee10 күн бұрын

    And why exactly is it secret?

  • @nickm1049
    @nickm104917 күн бұрын

    I never trusted or adviced Webflow because of those low and hard to understand limits like CMS items which can make your bill balloon in no time. They locked people in and now Webflow is doing the squeeze. Clearly a company I will never trust

  • @nickm1049
    @nickm104917 күн бұрын

    Bandwidth hasn't cost anything in 15yo and Webflow reduces their limits 😂 What is this ... 2006???

  • @nickm1049
    @nickm104917 күн бұрын

    $49 for 100GB of bandwidth 😂🤣🤣🤣

  • @autocosm
    @autocosm17 күн бұрын

    "Surge protection" for "confidence in your pricing." I am always both impressed and aghast at the audacity of marketing people.

  • @hundop4826
    @hundop482617 күн бұрын

    What other solutions do you recommend

  • @Hermans86
    @Hermans8618 күн бұрын

    I heard from a earlier client whom considered going Enterprise that the pricing would be about 60.000 NOK (about 5.5K USD) a month. Cannot confirm this, but he mentioned it on a call

  • @webflowandcode
    @webflowandcode18 күн бұрын

    Sounds like the prices are flexible. I’ve never been “that side” of billing but I can’t ever imagine spending that on a marketing site

  • @Hermans86
    @Hermans8618 күн бұрын

    I think you are right regarding Webflow trying to push more users to Enterprise. I still love Webflow however and these bandwith changes has not really scared me (yet at least). The sites I have built is not even near the bandwidth restriction. Webflow has changed my career for the better. I am first and foremost a designer, Webflow has enables me to develop websites myself, really empowering my skillset!

  • @bmg.studio
    @bmg.studio18 күн бұрын

    nice video!

  • @seanwashere
    @seanwashere18 күн бұрын

    wordpress is the best value still and most powerful

  • @speedracer7022
    @speedracer702218 күн бұрын

    But what builder tho?

  • @webflowandcode
    @webflowandcode18 күн бұрын

    With a few overheads. Maintenance is something Webflow takes care of

  • @michaelqu6732
    @michaelqu673218 күн бұрын

    I have registered for DevLink a week ago but there is still no reply from their team. Is this still supported by Webflow team?

  • @webflowandcode
    @webflowandcode18 күн бұрын

    I’ve heard it’s being deprecated.

  • @merkmotief
    @merkmotief18 күн бұрын

    I’m getting more and more disappointed with the limitations of the editor for clients. Usingball kinds of workarounds. I used to make sites in Joomla and Drupal and Webflow seemed like a one stop shop solution. But as you state, I’ll need to keep investing in other tools as well. If only I had the time 😅. I took a look at Webstudio some time ago but it seemed still somewhat still in development. Can you you share if it’s CMS capabilities have caught up? And does Framer even have an Editor for clients?

  • @dragonlore7574
    @dragonlore757418 күн бұрын

    Have you tried Divhunt yet?

  • @webflowandcode
    @webflowandcode12 күн бұрын

    It’s on the list to try

  • @piotrula7
    @piotrula718 күн бұрын

    Pricing for the Enterprise Lite Hosting + Compliance plan at **$15,000 per year**. Adding 14 locations to this plan costs **US$36,000 per year**. The Enterprise Design Control plan costs **US$1500 per year per location**. An additional 200,000 words on the Enterprise Design Control plan is charged at **US$1,000 per year**.

  • @webflowandcode
    @webflowandcode18 күн бұрын

    Crazy. Thanks for the clarification

  • @iwatchyoutbe
    @iwatchyoutbe18 күн бұрын

    @@webflowandcode We've given up on Webflow a long time ago for many of the same reasons you mention and found success in Sveltekit + Strapi stack. I was also ready to say the Enterprise pricing is crazy then I thought at that level, as a medium to large company, it's not that bad. Considering you can get your internal marketers to launch campaigns themselves with WF Uni providing more than enough training to keep them going, not have to worry about infrastructure, not needing to bother the dev team to implement something, no need to be concerned about CI/CD pipelines, etc etc. Even one full-stack engineer on payroll costs more than hosting WF Enterprise. Is it really that crazy?

  • @nickm1049
    @nickm104917 күн бұрын

    Insane pricing, I know people running big "naughty" 🌶️ tube sites burning bandwidth like there's no tomorrow and they don't reach that "Lite" pricing

  • @filippovaragnolodesign
    @filippovaragnolodesign18 күн бұрын

    Totally agree with you! Last year, Plans were already increased and only a small amount of people said something and now this. We must talk about these things and we need to be heard as a strong community this time because I think that Webflow is going against us.

  • @webflowandcode
    @webflowandcode18 күн бұрын

    I’m not categorically against price hikes. They are a business who need to operate and profit, I just think Webflow have put themselves is a tricky position for me to recommend them.

  • @merkmotief
    @merkmotief18 күн бұрын

    So.. looking for alternatives in some cases? I use Webflow for small business websites, love the UX and hassle free environment. But monthly costs do matter. Framer? Webstudio? Excellent video btw 👍

  • @webflowandcode
    @webflowandcode18 күн бұрын

    Thank you! Check out yesterday’s video. I think a lot of the sites built in Webflow can be achieved with other tools. Webflow is reserved for particularly special websites for me

  • @seanwashere
    @seanwashere18 күн бұрын

    wordpress is the best value still and most powerful

  • @Talentaire
    @Talentaire18 күн бұрын

    DivHunt seems really appealing right now.

  • @merkmotief
    @merkmotief18 күн бұрын

    @@seanwashere The moment I can copy paste designs from Webflow to Wordpress themes and not be worried about costly (sometimes crappy) subscribed plugins, than I’m all in 😎 Edit: found Udesly, thought they only did Shopify conversions 😅

  • @JacobODonnellDesign
    @JacobODonnellDesign18 күн бұрын

    Isn't this just the nature of SAAS. All these SAAS companies have venture capitalists willing to float them, which allows them to initially offer their product at a really good price with a lot of features. As business clients become more intertwined with these products, it becomes harder and harder to move to a new platform since they've been designed with so much lock in. Then enshittification occurs and they can charge you whatever they want. I'm sure products like Framer will go down the same route over time (if it is even able to survive long term with all the competition in the space). I've been studying this stuff for the last year and a half or so and just about ready to start taking on clients. From everything I've researched, Wordpress is just a better platform than all these SAAS companies both for me as a designer/developer as well as for any potential clients. There's obviously downsides to Wordpress as well, but it not being an "all-in-one" solution actually seems like its biggest benefit. Any all-in-one solution inevitably goes hand in hand with lock in. The biggest issue with Wordpress is that the number of new websites being built with it has fallen off a cliff, which isn't great for its long term survival obviously. Most new web designers are choosing SAAS platforms to build with since the learning curve is much smaller than Wordpress, and they're locking in clients to these platforms without even realizing what they're doing.

  • @rabbiemcadam-duff7600
    @rabbiemcadam-duff760018 күн бұрын

    Slightly unrelated but though it might interest you > Shopify have been making moves in this space by acquiring a page builder called Utopia which from what I can tell is an open source project. If you google 'shopify hydrogen utopia' you will find it there! 😀Looks really good actually - I've been using Webflow for 2 years for creating Shopify store themes, so haven't been using Webflows CMS or any of those extra features that you pay for.

  • @webflowandcode
    @webflowandcode12 күн бұрын

    I’d like to check this out. Thanks!

  • @elysiumcore
    @elysiumcore18 күн бұрын

    So glad I went with Framer - webflow is now unaffordable 💢😡

  • @webflowandcode
    @webflowandcode18 күн бұрын

    It’s getting pretty difficult to justify for a basic marketing website for sure

  • @AmbroseAndreano
    @AmbroseAndreano18 күн бұрын

    I also moved to Framer after using Webflow for 6 years.

  • @tjrowe
    @tjrowe18 күн бұрын

    Not sure Framer's bandwidth limitations are any more generous.

  • @markojurisic222
    @markojurisic22216 күн бұрын

    ohh wait till framer does this, it already has some weird pricings :)

  • @webflowandcode
    @webflowandcode18 күн бұрын

    Let me know, do the new updates positively or negatively effect you or your clients?

  • @markojurisic222
    @markojurisic22219 күн бұрын

    can you comment on new webflow plans and bandwidth reduction ?

  • @webflowandcode
    @webflowandcode18 күн бұрын

    Just uploaded!

  • @madhursharma8217
    @madhursharma821719 күн бұрын

    So I should only focus on mastering react,javascript and gsap with webflow to build advanced features.functionalities and animations to charge more to clients right?

  • @webflowandcode
    @webflowandcode19 күн бұрын

    These skills are definitely more transferable in the ever changing landscape of no code it doesn’t necessarily mean you can charge more. That comes down to your niche/clients. You could learn these skills and apply it to an industry that doesn’t care for these skills

  • @gargulec6085
    @gargulec608519 күн бұрын

    I've been building in Webflow for about 3.5 years and the more I do it, the less I like it. I came to a point, where there's nearly nothing more to learn in Webflow, besides workarounds for problems and limitations Webflow serves for no reason. I would put it that way: if you want to build websites - go for webflow, but if you wanna build exceptional websites polished in every aspect - learn actual coding. Currently falling in love with Astro and Tailwind ❤

  • @webflowandcode
    @webflowandcode19 күн бұрын

    There is definitely a limit and I believe that limit is marketing websites. Not sold on web apps it’ll never reach the limits of what can be done with code

  • @gargulec6085
    @gargulec608519 күн бұрын

    @@webflowandcode I would say there are limits even regarding marketing ones. In fact I build only marketing sites. I'm mostly talking about CMS, very bad components when we compare them to JS frameworks and small random limitations for no reason.

  • @webflowandcode
    @webflowandcode19 күн бұрын

    @gargulec6085 Yeah I agree

  • @dukeselwood
    @dukeselwood25 күн бұрын

    Very useful, thanks!

  • @MartinFitzpatrick-kc1kq
    @MartinFitzpatrick-kc1kq26 күн бұрын

    Very Cool!

  • @dukeselwood
    @dukeselwoodАй бұрын

    I fully agree. As a software engineer considering a no-code tool for speed, Framer seems like the better choice. Webflow is similar to the mindset for coding but to me that makes it just feel limited, as I may as well code the website for much cheaper and have complete flexibility of what I create. Framer is a different style of app and different enough from coding to see it's advantages but also being able to write React components makes it a great choice. I've been trying not to like it and stick with code but I keep going back to it. It's a joy to use and the frequent updates keep you hooked

  • @chrismcmorrow9738
    @chrismcmorrow9738Ай бұрын

    Howdy. Thank you for this excellent presentation. Any experience with Divhunt?

  • @jzajzz
    @jzajzzАй бұрын

    I wanted to create just a simple HTML and CSS.. web page.. but I could not find an HTML file in the system is there something I'm missing .. they have an index.js file but not an HTML

  • @webflowandcode
    @webflowandcodeАй бұрын

    I think there’s a misunderstanding in the platform. You might look to Pinegrow for this but you do not get access to raw files in something like Web Studio/Webflow and other similar.

  • @Hidek98
    @Hidek98Ай бұрын

    I’m Product Designer and when apple launched the new iPad M4, I wanted to buy it, but I don’t know if the performance of figma and webflow are good. In your opinion I can to remplace my macbook for one iPad? if on my workflow I only use Miro, Loom, Figma and google meet. What’s your experience working with one iPad? Thank for your video and greetings from the Mexico 🇲🇽

  • @webflowandcode
    @webflowandcodeАй бұрын

    Thanks for watching! As I said in the video, this cannot be your main device. I’m similar to you in that I really do want it to be but it just can’t. You’d have a hard time in so many little areas. Watch my first video too. I had a hard time referencing a design AND creating in Webflow.

  • @Hidek98
    @Hidek98Ай бұрын

    @@webflowandcode Oh! wooow this is my dream too, it's a pity the limitation of ipad os I wish apple added mac os soon on the ipad and you? thanks for your reply! 🙌🏻

  • @Deskofmj
    @DeskofmjАй бұрын

    This could come in handy in some situations, but I personally wouldn't use it for heavy tasks. Have you tried this whole process with an Apple Vision Pro? I wonder how it feels!

  • @webflowandcode
    @webflowandcodeАй бұрын

    Apple have offered early access and I’m going to be running a poll on Twitter to see if it’s worth getting for Webflow audiences. I’m from the UK so we don’t have it yet

  • @webflowandcode
    @webflowandcodeАй бұрын

    What size are ya getting?

  • @Deskofmj
    @DeskofmjАй бұрын

    I had a look yesterday in their recap page and my reaction was - love it - love it - love it - love it It's all useful!

  • @webflowandcode
    @webflowandcodeАй бұрын

    It really is. Something I didn’t elaborate on is the filtering. This is great because you’re normally limited to a number of items the responses. If you can do the filtering on the server then instead of retrieving responses over a few pages or results and doing the filtering “our side” you can just do one request and filter the results.

  • @webflowandcode
    @webflowandcodeАй бұрын

    What feature are you most excited about?

  • @squidypop
    @squidypopАй бұрын

    Hi Sam. I'm just wondering why you store the function on the window object instead of just creating a new object called functions? Both of these methods avoid polluting the global namespace, right? Or is there another reason? I'm hoping you didn't say why in the video and I just missed it! Great video though. I've only just discovered you so I'm excited to go through all of your Webflow videos. Happy no-coding!

  • @webflowandcode
    @webflowandcodeАй бұрын

    Polluting the global namespace isn’t inherently a bad thing as we are further name spacing it as “WFModules”. This should be unique enough where you avoid conflicts. Pollution happens when it’s too simple. We’ve come a long way since this video however I wouldn’t necessarily recommend this solution though it might serve some purposes. Other options could be IFFE or using new type=module or even a third party service like Slater. Thanks for joining the ride!

  • @jayoblenis4130
    @jayoblenis4130Ай бұрын

    Hey, I am struggling with Webflow at the moment with images... If I leave "responsive design" enabled even when I upload largeish file size images (think 2MB 3200x1800) when I publish and put them on the web they look terrible... But I can go into photoshop and export the quality so they are now 500kb 3200x1800 and disable responsive design they look great... but I am stuck with a bunch of 500kb images at every breakpoint.... Is there a way round this with the HiDPI? or 2x?

  • @webflowandcode
    @webflowandcodeАй бұрын

    I had a lot of problems with this exact issue actually. Maybe search the Webflow forum and find my post but I think someone suggested wrapping the image in a div because that’s how it calculates the sizes. Otherwise, trying to use webp and dealing with a large image on mobile but using the most performant image format