Ylli
KPCKevin Powell - Community
•Created by Evrenos on 1/29/2024 in #front-end
JavaScript Course Suggestion
If you are looking for an extended course, 60hrs + with in depth understanding, I give my full vouch to Jonas Schmedtmann – The complete Javascript course
It covers from older to newest usages. There are plenty of projects and he does a good job covering even things like debugging to some extent.
Course is in Udemy but it cost like 10-15$, so price shouldn't be a big issue I hope.
7 replies
KPCKevin Powell - Community
•Created by Ylli on 1/17/2024 in #front-end
Position fixed with transform (behavior exploration)
I see, that makes sense. Will probably opt for that since I can't seem to find a better solution so far. Thank you Kevin.
9 replies
KPCKevin Powell - Community
•Created by Ylli on 1/17/2024 in #front-end
Position fixed with transform (behavior exploration)
A bit hard to explain and I can't disclose all the layout here because it is a confidential website but I'd be willing to show you over a dm.
BUT basically –
– I have a loading screen (which after 3 seconds) a container (with 6 sections in it moves up).
– My first section (from the ones who just moved up) has the navbar in it and is not allowing me to stick/fix the navbar to the containers that got pulled up because of the transform behavior. So instead of creating 6 separate navbars, I thought I could find a way to just drag the 1st one around, but so far I've been unsuccessful.
And as for the record sticky only follows me 1 section, whereas fixed does not even move.
9 replies
KPCKevin Powell - Community
•Created by Ylli on 1/17/2024 in #front-end
Position fixed with transform (behavior exploration)
@Mannix ok, thats interesting. Glad you found that. Will have to explore more and see if I can do something to 'make as little changes as possible'.
In any case, thank you sir.
9 replies
KPCKevin Powell - Community
•Created by Kathirvel Swamy on 11/1/2023 in #front-end
How to achieve smooth scrolling in react
Ok I see. I think what you are looking for is animated snap.
From my memory you can find the answer to your question here:
https://gsap.com/docs/v3/Plugins/ScrollTrigger/
(CHECK Advanced Example) --
I'd be willing to test/try to make it for you my self but I'm a bit busy now, sorry.
39 replies
KPCKevin Powell - Community
•Created by Kathirvel Swamy on 11/1/2023 in #front-end
How to achieve smooth scrolling in react
Yes, GSAP has great docs.
39 replies
KPCKevin Powell - Community
•Created by Kathirvel Swamy on 11/1/2023 in #front-end
How to achieve smooth scrolling in react
The good thing about GSAP though is that you can run it anywhere just as easy once you understand it.
39 replies
KPCKevin Powell - Community
•Created by Kathirvel Swamy on 11/1/2023 in #front-end
How to achieve smooth scrolling in react
GSAP is a bit more complicated for animations especially if you are using React.
For scrolling alone I'd simply use Lenis,
for animations "in react" I think framer-motion is easier + more recommended afaik.
GSAP is amazing but a bit harder to understand, and some of more advanced 'stuff' is locked under a subscription.
39 replies
KPCKevin Powell - Community
•Created by Kathirvel Swamy on 11/1/2023 in #front-end
How to achieve smooth scrolling in react
39 replies
KPCKevin Powell - Community
•Created by Kathirvel Swamy on 11/1/2023 in #front-end
How to achieve smooth scrolling in react
@Kathirvel Swamy
39 replies
KPCKevin Powell - Community
•Created by Kathirvel Swamy on 11/1/2023 in #front-end
How to achieve smooth scrolling in react
If you mean the scrolling part here is a project I've done in the past to confirm if that is what you want.
39 replies
KPCKevin Powell - Community
•Created by Aaron on 10/31/2023 in #front-end
meta title attribute and title tag
No, you are correct. The meta names I was thinking about was 'description' and 'viewport' ---- not 'author' or 'keywords'.
Sorry if I mislead you and I'm glad I linked you that page as it describes pretty clearly which and what you need.
18 replies
KPCKevin Powell - Community
•Created by Kathirvel Swamy on 11/1/2023 in #front-end
How to achieve smooth scrolling in react
Haha ye these guys are good.
39 replies
KPCKevin Powell - Community
•Created by Aaron on 10/31/2023 in #front-end
meta title attribute and title tag
A bit more in depth explanation with a quick google search.
18 replies
KPCKevin Powell - Community
•Created by Aaron on 10/31/2023 in #front-end
meta title attribute and title tag
18 replies
KPCKevin Powell - Community
•Created by Aaron on 10/31/2023 in #front-end
meta title attribute and title tag
Meta title, author and so on.
18 replies
KPCKevin Powell - Community
•Created by Aaron on 10/31/2023 in #front-end
meta title attribute and title tag
Meta title is good for SEO. If you run lighthouse on your app it ll recommend it along with meta author etc.
18 replies
KPCKevin Powell - Community
•Created by Kathirvel Swamy on 11/1/2023 in #front-end
How to achieve smooth scrolling in react
The smooth scroll “html/css default” works or behaves as expected only on mac afaik. When I tried on windows, its clunky as hell. Only way I was able to actually get smooth scrolling was using a third party library. Locomotive, lenis and so on.
39 replies
KPCKevin Powell - Community
•Created by Kathirvel Swamy on 11/1/2023 in #front-end
How to achieve smooth scrolling in react
Its simple to use as well.
39 replies
KPCKevin Powell - Community
•Created by Kathirvel Swamy on 11/1/2023 in #front-end
How to achieve smooth scrolling in react
39 replies