I tried using Framer to build a website (as a web developer)

Подписаться 497 тыс.

Просмотров 11 тыс.

50% 1

🔥 My course is out now! ➡️ coder-coder.com/responsive/
Mentioned in the video:
‪@theannahickman‬ -- • Designing a website fo...
FrontendMentor.io -- www.frontendmentor.io/challen...
‪@FluxAcademy‬
‪@Framer‬
0:00 - Framer
1:29 - Top Navigation
11:25 - Hero
16:25 - Categories
22:10 - Products
23:56 - PIXELS?!
31:16 - Footer
46:40 - My thoughts on Framer...
____________________________
😎 Join the Coder Coder Club and get sneak peeks of videos: courses.coder-coder.com/p/club
👕 Get my hoodie: coder-coder.com/merch
💻 Become a full-stack web dev with Zero to Mastery: academy.zerotomastery.io/a/af...
🎨 Get my VS Code theme: marketplace.visualstudio.com/...
🔽 FOLLOW CODER CODER
Blog -- coder-coder.com/
Twitter -- / thecodercoder
Instagram -- / thecodercoder
#css #javascript #html

Опубликовано:

23 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 83

@NoahPitts713 14 дней назад

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

@TheCoderCoder 14 дней назад

Thank you for watching!

@ob5804 2 дня назад

@@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 13 дней назад

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

@TheCoderCoder 13 дней назад

Thank you so much!

@stardufs 13 дней назад

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 13 дней назад

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

@minimumachievements 14 дней назад

Lesgoooo she's back!!

@TheCoderCoder 13 дней назад

I am back! Thanks for watching!!

@mnchabel8402 12 дней назад

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

@TheCoderCoder 12 дней назад

Thanks so much!

@paul_subtirel 13 дней назад

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 13 дней назад

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!

@victorj.alonzo 14 дней назад

Amazing content, as always.

@TheCoderCoder 14 дней назад

thanks so much!

@the_tanzeel_anjum 11 дней назад

all drag n drop platforms < CSS grid & flex🗿

@santossilva 8 дней назад

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. :)

@opencode1 11 дней назад

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 10 дней назад

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

@opencode1 10 дней назад

@@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 10 дней назад

@@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

@itsthesa 9 дней назад

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

@dragonlore7574 13 дней назад

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 13 дней назад

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 7 дней назад

Neat edited video great job 👌!

@TheCoderCoder 55 минут назад

Thank you!

@lullimongal 10 дней назад

after a long time

@Startup_TechWise 12 дней назад

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

@TheCoderCoder 12 дней назад

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

@KHe3CaspianXI 13 дней назад

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

@TheCoderCoder 13 дней назад

No worries!

@Hope696 8 дней назад

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

@dukeselwood 12 дней назад

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

@TheCoderCoder 12 дней назад

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

@dukeselwood 12 дней назад

@@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

@Kayi_Alp07 7 дней назад

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

@TheCoderCoder 2 дня назад

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

@Kayi_Alp07 2 дня назад

@@TheCoderCoder lucky couple!

@anurag_anuraj 10 дней назад

❤

@myloficat 12 дней назад

Sponsored by me 😂. Love it!

@TheCoderCoder 12 дней назад

haha thank you!

@aries5591 12 дней назад

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 12 дней назад

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 😅

@adarshchhokar3818 13 дней назад

Will low code tools replace frontend dev?

@TheCoderCoder 13 дней назад

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.

@rip182 11 дней назад

hey were you've been its been?

@itzindiandude 14 дней назад

🔥🔥🔥🔥

@TheCoderCoder 13 дней назад

🙏🏼🙏🏼🙏🏼

@OneBrighDay 11 дней назад

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 10 дней назад

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

@eliasayele1102 14 дней назад

alright let's go.

@TheCoderCoder 14 дней назад

Thanks for watching!

@sul-dev 14 дней назад

Nice

@TheCoderCoder 14 дней назад

thanks for watching!

@sakthikumaran8076 13 дней назад

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

@TheCoderCoder 13 дней назад

lol yup!!

@Emre__Can 7 дней назад

I love your accent

@TheNJK57 13 дней назад

Feels like a bit closer to Dart

@TheCoderCoder 13 дней назад

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

@kennyfully88 13 дней назад

@@TheCoderCoderhe actually means Flutter, which is a Dart framework. Also, hint... Since you have a webdev background, Flutter layouts will trip you out since it goes against a ton of web standards (because it's cross platform).

@newbe379 13 дней назад

Dart is language framework is flutter

@TheCoderCoder 12 дней назад

@@kennyfully88 haha, that sounds interesting!

@stainlesx 12 дней назад

please review webflow !!

@TheCoderCoder 12 дней назад

Definitely considering it!

@TheBalkanSpy 11 дней назад

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 10 дней назад

Webflow definitely seems like a solid product!

@onetwothree123- 13 дней назад

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

@TheCoderCoder 12 дней назад

That's fair! And thanks for watching!

@spirobel2.0 10 дней назад

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 10 дней назад

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 9 дней назад

@@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.