Webflow and Code

Пікірлер

@dukeselwood 2 күн бұрын

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 4 күн бұрын

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

@jzajzz 10 күн бұрын

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 10 күн бұрын

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 11 күн бұрын

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 11 күн бұрын

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 10 күн бұрын

@@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 12 күн бұрын

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 12 күн бұрын

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 12 күн бұрын

What size are ya getting?

@Deskofmj 15 күн бұрын

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 15 күн бұрын

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 16 күн бұрын

What feature are you most excited about?

@squidypop 16 күн бұрын

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 16 күн бұрын

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 22 күн бұрын

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 21 күн бұрын

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

@fishtacoma 23 күн бұрын

12:50 Looks like Webflow eventually did end up changing the Layout selector to this style. Very interesting. Looks like Webstudio did it first

@webflowandcode 21 күн бұрын

Yeah! Definitely the way to go

@crystallewis1198 25 күн бұрын

THANK YOU!

@webflowandcode 21 күн бұрын

No problem

@TheKetoSurvivor 26 күн бұрын

Would love to see you handle some advanced buttons. Example, long list of items to choose from that are setup as checkbox buttons, perhaps driven by a CMS. How to get all the chosen items to show up in that checkboxes submission field.

@danielcech7839 28 күн бұрын

Definitely would love to see more!

@stevebliss7042 28 күн бұрын

I'm about to have a rummage around this!

@rohitjawale766 28 күн бұрын

Waiting for CMS page template from Webflow hope they release after 20 years

@webflowandcode 28 күн бұрын

A template that can be used in static pages and CMS templates?

@zeminem35 27 күн бұрын

I also didn’t quite get the question.

@zeminem35 27 күн бұрын

Do you mean the option to use different templates for your CMS pages?

@stillmoby 29 күн бұрын

So what is it that webflow didn't tell us? 😃

@webflowandcode 29 күн бұрын

Static page templates don’t count towards your page limit removing the need to use draft pages as a template. 🎉

@VastCNC Ай бұрын

You should take a look at directus.

@barrabais Ай бұрын

Dude almost 90% of people use qwerty keyboard...

@webflowandcode Ай бұрын

It’s a shame 90% are wrong

@tyleratpcd Ай бұрын

So essentially, I tried applying this by: 1. Paste the code into the <body>: <script> // Find all elements with data-images attribute const images = Array.from(document.querySelectorAll('[data-image]')); // Utility function to check if element is in viewport const isInViewport = function (elem) { const bounding = elem.getBoundingClientRect(); return ( bounding.top >= 0 && bounding.left >= 0 && bounding.bottom <= (window.innerHeight || document.documentElement.clientHeight) && bounding.right <= (window.innerWidth || document.documentElement.clientWidth) ); }; // If there are images on the page if (images && images.length) { // Bind scroll event window.addEventListener('scroll', () => { // Loop through each image images.forEach((image) => { // Check if the image is on the screen if (isInViewport(image)) { // replace src with contents of data-image image.src = image.getAttribute('data-image'); } }); }); } </script> 2. Use a blurred version of your image on the page. 3. Add a "data-image" attribute and paste the clear version's URL as the value. This still does not work for me. Did I do something incorrect?

@dane6752 Ай бұрын

Hi @webflowandcode. Thanks for the awesome tutorial. However I'm having an issue where Webflow is refusing to run the code: "not allowed to run insecure code from localhost..."

@webflowandcode Ай бұрын

I had this issue in Brave browser and used Chrome. What browser are you using?

@dane6752 Ай бұрын

@@webflowandcode Thanks for replying, I was not expecting a response on a Sunday you absolute legend! I was using chrome. A while back I remember reading that Webflow only runs code served from https else it throws this error. After watching your video I thought local-host may have been an exception to the rule but I still seem to be getting the error. I usually use code-sandbox which serves from https but I would love to get a local vs-code setup running like you have in your video. For full disclosure, I haven't tried using Webpack yet. In testing I just severed a test project with a js file using (npx http-server). Not sure if the Webpack setup itself could be doing anything to prevent the error perhaps?

@webflowandcode Ай бұрын

Check out my video on proxyman. It might add a bit of extra insight. kzbin.info/www/bejne/eaHci4Wmn7NqatEsi=lEhRhgl9kg0eUiG9

@d0ntbeevil Ай бұрын

IS PINEGROW A GOOD FIT FOR ME? AM I FIT FOR PINEGROW? I was asked to add a Blog section to an existing website that is using a custom theme built with Pinegrow. Before I learned it had been built using Pinegrow. So here I am. 🙂 Accessing the WP admin, I tried to do things as I'm used to, but it didn't work. I'm coming from ancient html/CSS then years of WordPress (Genesis framework). Now I find the "new" WordPress "blocks" approach to be confusing at best. Stiffing at worse. So I always install the Classic Editor so I can actually develop a website. Otherwise the workflow is awkward. How is the learning curve with Pinegrow? You mention other software which I never used (coding?). I'm not as agile as I used to be with learning new software, but I need to get a working understanding of at least one (1) WP builder for websites in 2024. The more I try to figure this out, the more confusing and frustrating it becomes... Thanks for any tip!

@webflowandcode Ай бұрын

Pinegrow Is definitely arguable the most difficult as it requires a solid understanding of HTML and CSS. If you do then Pinegrow is a good fit. Bearing in mind Pinegrow builds the theme files. You might consider something like my personal favourite, bricks which in of itself I’d a theme so works slightly differently.

@michaelx3704 Ай бұрын

Hi, the Dala webpage at around 5:55…do you know of any similar sites that are cloneable or templates for purchase. I love that webpage. Thanks for the video!

@webflowandcode Ай бұрын

I don’t I’m afraid

@petermckinnon3104 Ай бұрын

Dont even bother using wix studios responsive AI. It's very very poor. I lost images, headings after its completion and the burger menu doesn't even work.

@webflowandcode Ай бұрын

I praise their implementation but yeah, maybe a history wouldn’t be a bad idea

@petermckinnon3104 Ай бұрын

@@webflowandcode I know & also rather than using the responsive AI & even resizing manually it seems to free and do all sorts of crazy stuff. Looks like I will be going back to Webflow.

@user-mk6op8qz7f Ай бұрын

Can you make a live stream on this topic with firebase integration APIs please.🙂

@user-mk6op8qz7f Ай бұрын

Well, you should make a new datile video on Wbflow APIs. I hope next video will be on ths topic

@webflowandcode Ай бұрын

I’ve done this already. Search my channel Webflow API

@user-mk6op8qz7f Ай бұрын

@@webflowandcode I think it is very old, webflow add new features I think you should do it again, and please this time use xano APIs that alllows you that you can create you own APIs without coding. please help me🙏, I hope you will like this idea☺

@webflowandcode Ай бұрын

@user-mk6op8qz7f process is exactly the same. Up to you to then read the docs and use it how you want

@user-mk6op8qz7f Ай бұрын

@@webflowandcode OK, thanks for reply. well can you make APIs using Xano? the APIs that prfrom CRUD opration.

@user-mk6op8qz7f Ай бұрын

@@webflowandcode OK, thanks for reply. well can you make APIs using Xano? the APIs that prfrom CRUD opration.

@shivrajnag6922 Ай бұрын

Hi, Can we import Canvas Component inside Code Component? Example I have created a form using UI and have created a code component which display few things and also needs to display that form, can I just import that form or I have to code it from scratch?

@hankolken7512 Ай бұрын

@webflowandcode looks like the site is down. Do you have any alternatives you suggest?

@webflowandcode Ай бұрын

This was video was recorded last year! I’m not up to scratch with what’s going on. Sorry!

@Trazynn Ай бұрын

I'm actually (desperately) looking for the opposite. Code Components inside CMS fields. For my project I want a blog to be able to insert 'cards' like quotes, tips, warnings. I believe it's called a CMS resource but I can't figure it out.

@webflowandcode Ай бұрын

You could do this by using an Option field in the CMS and passing that string to your component then using switch/case to render a different component depending on value.

@FeefanAngela_kit Ай бұрын

Blep

@user-mk6op8qz7f Ай бұрын

Well, How can we add icon in our webflow like home icon, cart icon, sort icon and many more icons

@markuswindt 2 ай бұрын

Very helpful!

@user-mk6op8qz7f 2 ай бұрын

Hey bro, I want to build a marketplace app for buyers and website for sellers, so also need APIs to send data, reciving data and realtime updates on the seller dashboard, and buyer app but, I need a teacher and help . Please help me bro. I really need it. Please reply to me. I hope next video will be on this topic. please reply me

@user-mk6op8qz7f 2 ай бұрын

My backend is firebase

@webflowandcode 2 ай бұрын

If I had infinite time and infinite money I’d love to

@user-mk6op8qz7f 2 ай бұрын

@@webflowandcodeBro reply me if you will help me how to create APIs to send and receive data and live charts etc without coding. You can see the tools building APIs without coding in this video.☺

@user-mk6op8qz7f 2 ай бұрын

kzbin.info/www/bejne/ZnnLoIWVm8yihLssi=itIZ5u1V0as6gTrD

@davidrivers2734 2 ай бұрын

You are a smart cookie brother and a great communicator

@webflowandcode 2 ай бұрын

Thank you!

@davidrivers2734 2 ай бұрын

There should be a universal language for all of this stuff

@webflowandcode 2 ай бұрын

What do you mean?

@petenicholson3255 2 ай бұрын

I am a senior dev who is currently learning Webflow to see if I can offer a faster build for specific jobs. So far, I find the basic building blocks are fast to build, but as I am pretty quick with all of my animation and js elements, those are where it slows the job down and is making me unsure if I can actually build complex animation websites as quick as I can code them! ha

@webflowandcode 2 ай бұрын

I recently asked my Twitter audience their #1 install on all new Webflow websites. Guess what it was?

@petenicholson3255 2 ай бұрын

@@webflowandcode I'm gonna take a stab at sass 👍😂

@Sat87_bruh 2 ай бұрын

Dvorak❌ Qwerty✔️

@AbhineshAV 2 ай бұрын

same as what I am doing.. just expand ,.. tools should not be a barrier.

@CUBEOFSIX 2 ай бұрын

Would you use it to do ecommerce, or would you stick to Shopify for that?

@webflowandcode 2 ай бұрын

Shopify is great but I’ve not used e-commerce on Wix extensively enough to comment. I’d suggest if it intrigues you, give it a go. My gut says it’ll cater for a lot of situations

@davidrivers2734 2 ай бұрын

@@webflowandcode I have seen Wix for ecommerce in action and then migrated that shop to Shopify, Wix had some big advantages with the analytics, in-built email marketing and so forth. I handed that Shopify over to the client, so am not sure how it goes now but Wix had some powerful features the site used consistently to pull in sales

@indy_Roblox672 2 ай бұрын

QWERTY

@mevszach 2 ай бұрын

Cool video, cheers 🥂 😎 👌

@Olympik92 2 ай бұрын

Would be really curious to see how you integrate Prerender!

@fiveshorts 2 ай бұрын

Boy, you can always tell a dev who knows nothing about design. This world is such an us and them battle. Mocking designers as if only devs matter. Why wouldn’t you research WS before doing a vid like this? Oh well.

@webflowandcode 2 ай бұрын

Mocking designers? What gave you that impression? My guess Is you’re new around here and haven’t watched any of my other stuff. I’m not doing the stream to teach anything, we all join the stream to discover the tool together. At some point you have to just get stuck in the tool as there’s only so much research you can do but for Your information I did the entire Wix course beforehand. Don’t watch if is not for you!

@JennieHD999 2 ай бұрын

I see this was posted a year ago, do your settings & options still appear the same way? Mine also shows the “call controls” in the same place with “answer call” option but there’s also “mute & unmute” + “end call”. Answer call is unclickable & on “press once” and the other 2 only have the options “press once “ & “press twice”. I’ve gone into allofthe settings, accessibility, etc. any tips or advice?

@coreymoen 2 ай бұрын

Totally agree that other component prop field types would be so great to make collaborator component editing much more reliable - have often felt the same with how some have been using custom attribute props to control component styling, etc.

@webflowandcode 2 ай бұрын

I think it’ll just end up getting messy and disorganised to be honest

@MarkFaamaoni 2 ай бұрын

Okay, I thought it was only me, LOL :) I couldn't get my head around it, because I couldn't see how the various use-cases I was seeing would make it easier for my clients. As it is, onboarding a client for me is still a work-in-progress.

@webflowandcode 2 ай бұрын

Yeah! Crazy

Ең жақсы KZbin

Пікірлер