- 102
- 268 227
Red Panther
United States
เข้าร่วมเมื่อ 6 พ.ค. 2019
Red Panther is a web design and Webflow development company run by Karr Fager. Learn design, Webflow tutorials, website entertainment, stories, experiences, and more.
Built websites for several $10MM+ startups. Services include web design, Webflow development, Webflow migration, Figma to Webflow, SEO, animations, and unlimited subscription.
Built websites for several $10MM+ startups. Services include web design, Webflow development, Webflow migration, Figma to Webflow, SEO, animations, and unlimited subscription.
Best Web Designs of 2024 (Reactions)
Here are some of the best websites we found made so far in 2024.
Subscribe: tinyurl.com/yckku24p
My Web Design & Webflow company: www.redpanther.io
Webflow showcase: webflow.com/redpanther
Social links:
redpanther.io
www.linkedin.com/company/51331787
redpanther.io
redpantherio
Subscribe: tinyurl.com/yckku24p
My Web Design & Webflow company: www.redpanther.io
Webflow showcase: webflow.com/redpanther
Social links:
redpanther.io
www.linkedin.com/company/51331787
redpanther.io
redpantherio
มุมมอง: 234
วีดีโอ
If I had to restart my Webflow business, I'd do this
มุมมอง 3843 หลายเดือนก่อน
Don't start your web design business unless you have these 5 things nailed down. Subscribe: tinyurl.com/yckku24p My Web Design & Webflow company: www.redpanther.io Webflow showcase: webflow.com/redpanther Social links: redpanther.io www.linkedin.com/company/51331787 redpanther.io redpantherio
Webflow has a problem...
มุมมอง 6323 หลายเดือนก่อน
Have you noticed this problem with "Webflow Experts"? Subscribe: tinyurl.com/yckku24p My Web Design & Webflow company: www.redpanther.io Webflow showcase: webflow.com/redpanther Social links: redpanther.io www.linkedin.com/company/51331787 redpanther.io redpantherio
Why your websites aren't memorable
มุมมอง 4934 หลายเดือนก่อน
Tips on how to create emotion that leaves a lasting impression on websites you build. 00:12 - Clear colors 00:49 - Consistency with styles 01:48 - Clarity with CTAs 02:23 - Purposeful motion 03:28 - Sufficient contrast Subscribe: tinyurl.com/yckku24p My Web Design & Webflow company: www.redpanther.io Webflow showcase: webflow.com/redpanther Social links: redpanther.io www.linkedin....
Day in the life of a web designer + Webflow pro
มุมมอง 6624 หลายเดือนก่อน
Watch a somewhat normal day in my life as a web designer and Webflow developer. Subscribe: tinyurl.com/yckku24p My Web Design & SEO company: www.redpanther.io Webflow showcase: webflow.com/redpanther Social links: redpanther.io www.linkedin.com/company/51331787 redpanther.io redpantherio
Webflow Pro Answers the Most Common Webflow Questions
มุมมอง 2095 หลายเดือนก่อน
I answer the most common questions searched on Google about Webflow. Subscribe: tinyurl.com/yckku24p My Web Design & SEO company: www.redpanther.io Webflow showcase: webflow.com/redpanther Social links: redpanther.io www.linkedin.com/company/51331787 redpanther.io redpantherio
Build This Coin Animation in Webflow (No Code Swaying Interaction)
มุมมอง 3156 หลายเดือนก่อน
Create this teetering coin animation with Webflow interactions. coin-animation.webflow.io/ Subscribe: tinyurl.com/yckku24p My Web Design & SEO company: www.redpanther.io Webflow showcase: webflow.com/redpanther Social links: redpanther.io www.linkedin.com/company/51331787 redpanther.io redpantherio
3D Graphics Beginner Course for Web Designers (FREE)
มุมมอง 6086 หลายเดือนก่อน
Learn to create 3D graphics with Blender for your website designs. Full course (5 hours) completely free! Blender shortcuts: rb.gy/ixy9xn Welcome 00:00:00 - Intro and Preview 00:01:31 - Encouragement 00:02:58 - A Word on AI Blender Intro 00:03:45 - Install Blender 00:04:08 - Blender Controls 00:25:49 - Materials & Textures 00:41:18 - Lighting 00:52:43 - Rendering Images 00:59:49 - Image Sequenc...
Blender 3D vs. Spline 3D for Web Design
มุมมอง 8K7 หลายเดือนก่อน
Which 3D tool is best for web design? Blender or Spline? 3D Course: www.redpanther.io/courses/3d-jumpstarter Subscribe: tinyurl.com/yckku24p My Web Design & SEO company: www.redpanther.io Webflow showcase: webflow.com/redpanther Social links: redpanther.io www.linkedin.com/company/51331787 redpanther.io redpantherio
Charge More for Web Design and Webflow
มุมมอง 3097 หลายเดือนก่อน
Charge More for Web Design and Webflow
Redesigning an AI Security Company Website
มุมมอง 2048 หลายเดือนก่อน
Redesigning an AI Security Company Website
ASMR Webflow - Developing a Landing Page - No Talking
มุมมอง 5719 หลายเดือนก่อน
ASMR Webflow - Developing a Landing Page - No Talking
Cold Calling Web Design Prospects (REAL)
มุมมอง 6K10 หลายเดือนก่อน
Cold Calling Web Design Prospects (REAL)
7 Best Hero Section Layouts That Clients LOVE
มุมมอง 41410 หลายเดือนก่อน
7 Best Hero Section Layouts That Clients LOVE
7 Tips to Build a High Performing SaaS Marketing Website
มุมมอง 24611 หลายเดือนก่อน
7 Tips to Build a High Performing SaaS Marketing Website
How to Copy Web Designs Without Plagiarizing
มุมมอง 42511 หลายเดือนก่อน
How to Copy Web Designs Without Plagiarizing
Freelancing vs. Full Time for Web Designers
มุมมอง 547ปีที่แล้ว
Freelancing vs. Full Time for Web Designers
Make a TikTok-Like Vertical Slider in Webflow
มุมมอง 2.1Kปีที่แล้ว
Make a TikTok-Like Vertical Slider in Webflow
Webflow Experts Program (My Thoughts After 2 Years)
มุมมอง 2.1Kปีที่แล้ว
Webflow Experts Program (My Thoughts After 2 Years)
Infinite Carousel Loop in Webflow (No Code Needed!)
มุมมอง 77Kปีที่แล้ว
Infinite Carousel Loop in Webflow (No Code Needed!)
What about bringing it into spline and setting it up for a site bruh?
I realized that the majority of people you talked to are nice. Hahaha, keep going!
Yes, Minnesotans in general are not very confrontational.
Your going about cold calling all wrong. If you want, I can show you a few sentences that will be way more effective and in turn get more sales. Reach out.
Amazing tutorial! :) how would you go about pausing this on hover? thank you!
I've had enough people ask. I may find some time to add that feature.
thanks for the info and value u providing helping me alot cause im trying to balance doing video edting and website selling
Nice. Anything specific you like to hear about?
I love it
Hey, Fantastic how to adjust to mobile version ? The logos came all toguether
I explain mobile towards the end of the video :)
I have this fear too 😢
Cool content!
this have medical effects on me. hahaha
thanks man!
thanks!
👏why thank you sir
Does your agency hiring developers currently?
Where do I get the custom code from?
It's in the custom code of the cloneable.
Thank you for such a clean and effective hack! You, sir, are talented!
The best tutorial across youtube
What if i even have more Logos then seen on the screen. So if overflows already without the second container?
That's fine. It's going to move 100% of it's width, so it'll always end back at 0 to loop.
@@RedPantherio First off: Thanks for the quick reply!! Hmm maybe i don't understand. So i got a lot more Logos, so they already line up outside the viewport. If I put in Value off 100% the logo-container fits the Viewport but all the logos which are outside that Div overlapp with the second logo-container, when animated.
All Good. Got it fixed by expanding the width to 200%
Man really love your videos .. please create a video on like process of web designing .. like in detailed (whole process)
On the list!
thank you for this video! I am curious if you have a solution for more than two groups of logos.. I have 4 containers. Thanks!
Possibly! I'd need to see exactly the goal - feel free to share in my Discord: discord.gg/NQqJCxjkjD
Hello, is anyone getting the weird popping on mobile? The scroll works fine on desktop down to tablet but when I load the site on my phone the weird popping is happening. I tried -99.99 and -99.98 and still happening. Any advice welcome!!!
Feel free to share your read-only Webflow link in my Discord, and I can take a look: discord.gg/gEwtFZky
@ thank you I just shared it
That didn't work for mobile, you should have taken more time to go over responsiveness.
At the end of the video I talk about responsiveness. Also, feel free to clone the cloneable if you want to see a live example👍
Awesome, thank you
FYI - The hosting is still free, but you will need a Webflow Freelancer or Workspace account in order to export the code. If you don't have one, you can pay for a month, export the code, and then cancel.
This video is very misleading. The people who are looking to host their webflow website for free probably also don't have a webflow subscription, so they are not able to export the code (the literal first step of this video). If they buy the webflow subscription to export the code, they might as well host it on webflow.
Yeah, I forgot to mention that you will need to buy one month of an account plan to export. This was intended for people who were already Webflow users, a lot of which have a plan already, but I should've realized that lots of non-regulars would be interested. To say that people might as well host it in Webflow because of this is not accurate. The best solution is to pay for one month of a Webflow account, export, and then cancel.
love it sir
Anyone have that embed code he used at the start? The link in the description is dead.
Thank you. You can add a short line of js with code embed (to duplicate all elements) and make these logos come from a collection making it fully dynamic.
Same, but AWS 🤝
this is a great video, implemented it onto my website immediately after watching. nice job man!
1:00 yeah literally not even proposing
One of them actually wanted to just buy the website
Thanks for the great tutorial! I have come accross one issue while trying out different carousels. Is it possible to create a carousel loop with contents that are longer than the viewport? I have a series of 12 images I want to use for the carousel animation, when laid out next to each other, they are much wider than the viewport. When I make them stretch on x axis, they become smaller to fit into frame. Is there a way to create this carousel animation but with a longer set of images? I hope this makes sense.
You can set the minimum width to be longer than 100%. You can do something like 150% or just give it a set px or rem min-width.
@@RedPantherio thank you man, that's helps a lot
why do you look like you are in a dungeon? is this intentional?
👏 Awesome! Would love to know how to make it responsive on all screen sizes
Keep watching until the end, I explain 😀
Love it! If anything it'd be helpful if you could zoom in on your inputs for people on mobile.
Thanks alot for the cloneable and the tutroial!. Is it possible to make the text have no padding at all on all sides. so it directly touches the next divs? tried it but i think im not skilled enaugh.
The text element itself should be touching the surrounding divs. If there is still space between, it may be from the font's natural padding that is included in most fonts to keep text readable. Tough to say without seeing it.
@@RedPantherio thanks, yes thats what i thought. but is there a way to stop that :)
I'm not sure of a way to do that outside of removing the padding with a font editing software and then reuploading that font file. Might not be worth it, especially since the font file wouldn't really be usable except for this one use. If this is just a one time use and is primarily decoration, you could export it as an svg and upload as an image.
Great video choice mate !
Remember when some guy was going around andbsuing businesses for not having accessible accommodations like a wheelchair ramp? How do these gsap monsters stand up?
is it also possible with height? + Would be great if you add the code in the description
Hi and thanks for the video! Im currently using playcanvas, what's the difference with spline?
is there a way that the scrolling can be done with scrolling of mouse instead of the ARROWS
If you wanted one scroll at a time to equal one click of the arrows, that would require custom code. Or you could do this with Webflow interactions, specifically "while scrolling in view". You'd need to add a parent div to the carousel elements that was a certain height (say 3000px or 300vh), and then set the carousel element to fixed position. Add the trigger to the parent element, then add the rotate interactions as you scroll down the parent element.
@@RedPantherio you are a genius but the pics are getting on top of each other idk why and they arent rotating perfectly but its amazing
who are you calling? what was the niche?
I was calling local contractors. Not typically my #1 target customer, but I'd guess B2B businesses are less likely to be sold over the phone on a cold call.
new subscriber here. Watching from Philippines
I agree. But not on perf. Blender exported to three.js loads fast enough with some optimization.
not gonna lie bro you are one of the few web dev who actually tells the truth, loved your content just found your channel today and i am in love with it thanks for your hardwork. Regards from india
WTG, dude!
does it also work if the two logo containers are different ? i think not or?
The loop only works if the .logo-containers are the exact same. If you want the logos to fill more than 100%, you can set the minimum width to higher than 100%, and it should still work.
@@RedPantherio cheers will try it out
works, appreciate the quick reply
amazing, keep up the good work.
Would love to see more website sales/lead gen content. I recently started an Agency and am having a tough time getting new clients. Great content as always!
Thanks for the feedback, Ryan. Will add this onto my future vid list. Are you a one man show or do you have employees/contractors?
@@RedPantherio One-man show. I worked in UI UX for a couple of years while teaching myself webdev. Got one really big freelance client that paid a few month's rent by luck and immediately quit my job. Probably wasn't the most well thought out plan but I'm going to figure it out! Sales is where I have next to no experience so it's been a big learning curve.