Join my Webflow Wizards Community / timothyricks Try Webflow using my affiliate link below. webflow.grsm.i...
Пікірлер: 62
@zachlee95754 ай бұрын
This just changed the course of my life. Forever.
@mattsmithcreativeАй бұрын
I just spent at least 50 hours going through a webflow paywall course and was left feeling undereducated. Your 8 minute video has been extremely informative and has made me realize the course taught me some basics that are not the best approach to the end results
@timothyricksАй бұрын
Thank you for the kind words! I’m so glad this helped. Hopefully there were other helpful things you were able to take away from the paid course
@mattsmithcreativeАй бұрын
@@timothyricks I did learn many things, however, the foundational tenets seem to be missing or misguided from what I am discovering. Unlearning or breaking bad habits when you are new to any software or application can be very frustrating.
@brendinventer64078 күн бұрын
@@mattsmithcreativewas this flux academy by any chance? I came from learning web dev, html/css and JS with a little react etc and have played with webflow before and thought hey let me take this seriously…. Went through the whole course on flux and man…. What a waste of money like zero web dev fundamentals were taught.
@lpbbell4 ай бұрын
Thank you for showing how using list elements for groups of links improves accessibility. ❤
@chris_x_ai4 ай бұрын
also in Footer is very important
@guapshonen3 ай бұрын
You deserve everything good, Tim
@duziejt12244 ай бұрын
Thank you!! I needed all 5 of these! Definitely keeping my eyes peeled for your course 👀
@EdgarAntonioHez4 ай бұрын
Impressive! I wasn't aware on using em for max-width and the element list, thank you!
@surendarr21774 ай бұрын
Very helpful video thanks for sharing
@vladimirpetroski70894 ай бұрын
I have to start using em's more often. Amazing and insightful as always Tim, thanks!
@builtbydima4 ай бұрын
Great video, very useful tips! Have you ever thought about creating a Webflow course of your own? I'm asking because a lot of courses (I've only taken one) just teach you how to reach the desired outcome (Figma to Webflow) but don't really teach you the best practices for doing things. Do you think that people should perhaps learn the best practices of HTML and CSS and try to carry that over to Webflow?
@Dalton-Craighead4 ай бұрын
It's super helpful to know HTML and CSS when working with Webflow. There's many great resources out there for learning them! If you're interested, I'd recommend Dave Gray's KZbin series for full courses on HTML & CSS. As for Webflow, and development in general, there's many ways to accomplish similar goals using different techniques. The more you learn and practice, the better you'll get. Accessibility, responsiveness, & page speed are (some of) the most important things you should consider when developing. So I'd recommend finding teachers who teach those principles. Timothy does an amazing job at teaching best practices with these things in mind! Good luck on your Webflow journey!
@timothyricks4 ай бұрын
Thanks so much! I'm definitely open to the idea of creating a full course. I just haven't dedicated time towards it yet. Learning the best practices of HTML and CSS is important for sure, and it usually translates pretty easily into Webflow. One of my favorite creators to follow for css knowledge is Kevin Powell
@valdiszhvaginsh3 ай бұрын
Thanks!
@paullefondre41104 ай бұрын
Some gems in here. Thanks!
@Deskofmj2 ай бұрын
that hero design is remarkable
@cesarv.63654 ай бұрын
Tha k you for providing value. This is going to be very useful for my current project.
@dukeselwoodАй бұрын
Great video
@nhato46444 ай бұрын
love it, please make more video like this, Tim!
@RedPantherio4 ай бұрын
Ohh you beat me to this video 😆 Good stuff...
@timothyricks4 ай бұрын
Thank you! I’d love to see your picks
@jessehebert80824 ай бұрын
Gold !
@johnalphadev4 ай бұрын
Very useful tips. Thank you Timothy
@kckatcreative4 ай бұрын
Love all of these. Super practical!
@LSTA244 ай бұрын
Great tips thanks TR! I ran into a problem previously with using CH for max width text headers… when I added in other languages later on and the translated content had different character counts ofc 😅
@timothyricks4 ай бұрын
That’s good to know! Maybe em is better in that case then
@ryannelson16664 ай бұрын
Gold thanks Timothy
@timothyricks4 ай бұрын
So glad this helps!
@MarkFaamaoni4 ай бұрын
To be fair about aspect ratios, that was only added natively in Webflow in October last year. I wouldn't necessarily characterise it as a "mistake", more of a new feature that perhaps some people have missed. And I LOVE the new aspect ratio feature. It was a pain in the butt sometimes dealing with layout shifts because sometimes I didn't want to set explicit height and width to images in certain cases. Having said that, adding background colour to images was something I didn't even think of!
@timothyricks4 ай бұрын
That’s a good point! I probably should have worded that mistake as leaving images without a defined size. Before aspect ratio was native, we used % padding-top to define ratios natively. So glad the background image tip was helpful! I miss that one often and have to double check it
@Bars_Sl4 ай бұрын
We can avoid using ul for nav, by adding role="list" to a wrap, and role="listitem" to a link.
@timothyricks4 ай бұрын
Yes, it’s a good workaround. It’s used on collection lists also. It’s recommended though to use the correct html elements over attributes when possible.
wow. thank you soooo much , really help alot, because this is what i do al the time. i think this tips will improve alot in my webflow
@timothyricks4 ай бұрын
I’m so glad to hear this helps!
@akbarbadsha253 ай бұрын
@@timothyricks 🥰
@davidgoult86944 ай бұрын
Amazing as always 🤩
@timothyricks4 ай бұрын
Thank you! 😁
@kleinschewski4 ай бұрын
so good! THANKS
@danielapro97554 ай бұрын
Great for a self check while building 🫡
@jo691233 ай бұрын
one common thing that seems hard to me, is having 1 background span across 2 separate sections. How can you make it "seamless" since even when having absolute positioning and the same aspect ratio set to both sections, it usually "gets cropped" in weird ways
@timothyricks3 ай бұрын
Oh, good question! I would wrap the two sections together in one div and apply the background to that div. It's okay to have divs wrapped around different sections.
@jo691233 ай бұрын
@@timothyricks thank you Timothy 🙌🏻
@timothyricks3 ай бұрын
Glad to help!
@ErikZaborowski4 ай бұрын
for setting the vertical height of a container, how do you recommend setting that? I didn't see how you were defining the height on the hero_contain when you mentioned not relying on children elements for spacing.
@timothyricks4 ай бұрын
Hi Erik, in this case hero_contain had a flex vertical and min-height: 100svh, but that part can vary depending on our goal for the section
@ErDige4 ай бұрын
Crap, after watching this video I feel like a complete noob XD
@dalanhansen68744 ай бұрын
I can't seem to create "unitless" variables for line-height using the dash. Do you have a solution to this?
@timothyricks4 ай бұрын
Hi, are you trying to create unitless values inside the variable panel by any chance? If so, that’s the one place they’re not currently supported so I use em there instead.
@btcmartinschulze-schilddor27533 ай бұрын
@@timothyricks Can't we just use EM insted of the unitless value for the line height? I assumed that EM also just refers to the text size. Or am I wrong?
@timothyricks3 ай бұрын
@@btcmartinschulze-schilddor2753 Yes, EM works for line height. The only time we'd notice a difference between an EM and unitless line height is if we applied a font size to an element without applying a line height. Because the way the two treat inherited values is different.
@btcmartinschulze-schilddor27533 ай бұрын
@@timothyricks Oh okay, I didnt know that they treat inherited values differently. I'll dig into that now :D Thank you for explaining to me 🙂
@FernandoComet4 ай бұрын
You miss adding too many breakpoints over Desktop ( I see that a lot) :)