Kuba
Explore posts from serversKPCKevin Powell - Community
•Created by Arctomachine on 10/26/2024 in #front-end
Responsive nav bar without code duplication
Well, I corrected myself after a bit of thought ;P nice demo. TIL that you can transition grid-template-rows and columns
22 replies
KPCKevin Powell - Community
•Created by Arctomachine on 10/26/2024 in #front-end
Responsive nav bar without code duplication
Now that I'm thinking, what if you actually used grid, used grid areas, and through JS assigned grid-area dynamically to the Links (2), while applying transition for all, or probably better - just height? I haven't tested that, just thinking out loud
22 replies
KPCKevin Powell - Community
•Created by Arctomachine on 10/26/2024 in #front-end
Responsive nav bar without code duplication
In my opinion it's best to maintain two separate components. Initially it seems redundant, but as the site grows it might become beneficial to actually have these two separated - they can really divert in terms of style and even functionality. Of course, YMMV.
As someone suggested, grid could do this task just fine. The problem comes after you want to add transitions for opening, since grid doesn't allow for such tricks.
22 replies
KPCKevin Powell - Community
•Created by MarkZubark on 9/15/2023 in #front-end
Text Transparency
Illustrator/any SVG would be better, as the text will always be sharp, just saying
10 replies
KPCKevin Powell - Community
•Created by ayang on 7/17/2023 in #front-end
How to implement react email to an existing react project through resend?
They also have an example attached at the bottom with a repository
3 replies
KPCKevin Powell - Community
•Created by ayang on 7/17/2023 in #front-end
How to implement react email to an existing react project through resend?
Not that I tried this service/package myself, but have you tried following the docs?
https://react.email/docs/integrations/resend
3 replies
KPCKevin Powell - Community
•Created by Pratik chauhan on 7/20/2023 in #front-end
Prettier is removing space between two jsx elements
If you can find one of these projects then surely post a link. If they're using prettier then we can look at the config and figure out how they've done it
8 replies
KPCKevin Powell - Community
•Created by AnasYasien on 7/22/2023 in #front-end
send the user to quiz page after he click on submit button
Mind you that
href has to be supplied with a full URL. Assumming that your page is "http://example.com" and the quiz is at "http://example.com/quiz/<someId>" you could do:
window.location.href = window.location.origin/quiz/${quizId}3 replies
KPCKevin Powell - Community
•Created by AnasYasien on 7/22/2023 in #front-end
send the user to quiz page after he click on submit button
You could add an event listener to a button, and modify the
window.location.href attribute3 replies