Building a responsive website with Framer

[@NoahPitts713]

"Sponsored by me" 🔥🔥🔥 - thanks for sharing!

[@TheCoderCoder]

Thank you for watching!

[@ob5804]

​@@TheCoderCoderHello. Help, please. In my task, there should be no slider on the desktop, but there should be on the mob, I use the swiper slider and found such a script var init = false; var swiper; function swiperCard() { if (window.innerWidth

[@Claude_Developer]

Great work! love your content. Keep it up!😊

[@TheCoderCoder]

Thank you so much!

[@corneromme]

Great video! I was the one requesting relative units (REMs) for Framer. Framer is such a great tool but needs to add more features with developers in mind, instead of designers.

[@minimumachievements]

Lesgoooo she's back!!

[@TheCoderCoder]

I am back! Thanks for watching!!

[@mnchabel8402]

Your content always so relevant, word cannot express my appreciation.

[@TheCoderCoder]

Thanks so much!

[@stardufs]

thank u so much for this idek 90% what are u saying bcs im just started learn to code but cant wait to coming back next year and actually understanding this vid

[@TheCoderCoder]

Thanks for watching, and best of luck in your coding journey!

[@santossilva]

17:25 For a more semantic layout you could put the heading and the paragraph in their own stack. This would be semantic because it would suggest that they are related. And maybe you could even turn that into a component for use else where. :)

[@faturismee]

hi! can you give advices on resources to learn framer?

[@bingers_tv]

FYI, You can add code and CSS using Code Overrides and Code Components

[@TheCoderCoder]

Thanks! Yeah I saw those but I think I couldn't use it on the free version iirc

[@bingers_tv]

@@TheCoderCoder yeah you can use them and they're a game changer. You can create React components, override Framer components, add props which you can control from the editor etc... very powerful

[@paul_subtirel]

this is really cool. have you tried the figma to framer plugin to copy your assets over? if you have auto-layout in figma it copies the elements into stacks directly and it's less editing from you

[@TheCoderCoder]

Thanks! I have heard of the Figma to Framer plugin, but haven't tried it out yet. Definitely sounds like it'd help save time!

[@dragonlore7574]

I think for coders divhunt and webflow are better fit as low-code tool, both based on html & css. So you can do anything you like as a developer. Divhunt is a bit more open and has better developer support through custom files and direct custom tag editing.

[@TheCoderCoder]

Interesting, thanks for the rec! I hadn't heard of divhunt but Webflow def seems like a more developer-friendly tool. Will have to check those both out!

[@Kayi_Alp07]

Neat edited video great job 👌!

[@TheCoderCoder]

Thank you!

[@victorj.alonzo]

Amazing content, as always.

[@TheCoderCoder]

thanks so much!

[@myc2245]

has a new leaner i didn't know what you were doing, confuse.

[@tanzeelanjum1819]

all drag n drop platforms < CSS grid & flex🗿

[@aries5591]

Since Framer is new to the market, I'd like to know your thoughts in other page builder which is WordPress since they have a big market in making websites using drag and drop and custom code also..

[@TheCoderCoder]

I've used WordPress a lot, and I know it has a huge market share, but it's honestly a pain to maintain so I'm trying to find alternatives 😅

[@itsthesa]

Can you try the Plasmic? I think it is Good one as it is a open source.

[@Kayi_Alp07]

Which software do you use to produce such high quality and flawless contents?

[@TheCoderCoder]

Thanks! My husband is my editor, and he uses the whole Adobe Suite

[@Kayi_Alp07]

@@TheCoderCoder lucky couple!

[@OneBrighDay]

I like Framer above other website builders because you can write custom React components. As a developer myself to me that puts above all others. React components allow me to ramp up the basics of the site in Framer then add extra interaction or integration with React. But to be fair I would rather just write the code myself that way I know exactly how everything works, so I don’t like page builders.

[@TheCoderCoder]

That's fair! It does seem like Framer is geared towards React devs with their components

[@sterlydolce]

What's the difference between this and webflow?

[@sakthikumaran8076]

The moment when we feel that building the same website with codes is much easier than this! 😂

[@TheCoderCoder]

lol yup!!

[@KHe3CaspianXI]

I would have purchased your course, but I've no problem in marriage with tailwind CSS. - Thanks 😂

[@TheCoderCoder]

No worries!

[@Startup_TechWise]

Have you tried webflow? is it more robust than framer?

[@TheCoderCoder]

I haven't yet, but it seems to have some more advanced stuff, from what I can tell!

[@virender288]

Nice tutorial 🔥🫡

[@Hope696]

Any recommendations on which website hosting provider should I consider 👀!

[@TM2DAY]

I saw websites developed by this framer cedabranding girl , and they do not adjust properly , those websites are full of glitches and do not respond to different font sizes and browser settings , she is charging a ton for basic websites

[@TheNJK57]

Feels like a bit closer to Dart

[@TheCoderCoder]

I haven't heard of that, but I'll have to check it out!

[@newbe379]

Dart is language framework is flutter

[@TheCoderCoder]

@kennyfully88 haha, that sounds interesting!

[@lullimongal]

after a long time

[@TheBalkanSpy]

Webflow is miles ahead of Framer. Definitely a step above Framer, and you do actually need custom code for a lot of Webflow specialities to work and shine.

[@TheCoderCoder]

Webflow definitely seems like a solid product!

[@adarshchhokar3818]

Will low code tools replace frontend dev?

[@TheCoderCoder]

I don't think so, because you still need to know CSS to troubleshoot. And for complex stuff these tools probably can't do it.

[@stainlesx]

please review webflow !!

[@TheCoderCoder]

Definitely considering it!

[@rip182]

hey were you've been its been?

[@Rensoconese]

Framer support is terrible, and if you raise something like this about pixels or accessibility issues, nobody does anything. I am a designer, but I prefer to code myself rather than have a tool generate garbage code for me. I totally agree that Framer is a good tool for quick and easy pages.

[@eliasayele1102]

alright let's go.

[@TheCoderCoder]

Thanks for watching!

[@opencode1]

omg you are using glove 80 keyboard right? i just got mine 1 week ago and its amazing. what webcamera are you using on the screen?

[@TheCoderCoder]

The camera is a Lumina, it's pretty great. And yes, the Glove80 is really awesome-- I like it a lot!

[@opencode1]

@@TheCoderCoder thank, you very much for taking the time to respond. hope lumina is a good webcamera because am gonna order it right now

[@TheCoderCoder]

@@opencode1 I did get it for free from the brand, but it's actually a great little webcam. You can control settings like brightness etc and also blur the background

[@spirobel2.0]

nah just use html and css. also just use pixels. rems are confusing and are defined in relation to the pixel size in the end other than that great video.

[@TheCoderCoder]

My next video is actually about why you shouldn't use pixels for most things because they're not accessible for users who want to change their browser font size! Hopefully it'll help make rems less confusing for people

[@spirobel2.0]

@@TheCoderCoder Okay fair point. 1 rem === 16 pixels in most browsers. I tried changing the font size before and it is just a completely awful experience. It is better to just add a default zoom to achieve the same result. I will make the counter argument and say you should only use pixels.

[@itzindiandude]

🔥🔥🔥🔥

[@TheCoderCoder]

🙏🏼🙏🏼🙏🏼

[@seaviasfo]

I could write a similar website in about an hour or less and have it live and deployed globally. Writing code is faster.

[@sul-dev]

Nice

[@TheCoderCoder]

thanks for watching!

[@anurag_anuraj]

❤

[@turtles_04]

Hey lady I am your big fan. If you got one view then suppose that was me if no view think I am die. So continue making video pls

[@TheCoderCoder]

I'll try 😅

[@turtles_04]

@@TheCoderCoder No lady if ( youWant) { Then try } else { as your wish}

[@ravirajac]

why do you look like AOC ?

[@TheCoderCoder]

glasses + big eyes + dark hair lmao

[@ravirajac]

@@TheCoderCoder 😅😅

[@onetwothree123-]

As a web dev, I dislike such tools; they add just another layer of abstraction AGAIN. However, the video is great 😃👍

[@TheCoderCoder]

That's fair! And thanks for watching!