Sleep Twitch
Sleep Twitch
KPCKevin Powell - Community
Created by KillerπŸ”ͺ on 1/18/2025 in #front-end
How can I achieve this design in the hero section and have it responsive
I think you could use a 3 x 4 grid. First row column 2, "Introducing". Second row column 1 the social media thingy, on the left side of the column 1. Column 2 the title text, column 3 the website thingy, on the right side of column 3. Row 3, c1, the email thingy, but on the right side of column 1. And so on
3 replies
KPCKevin Powell - Community
Created by ilyes on 12/30/2024 in #front-end
Eventlistener for a div fully occupied with childrens
No description
34 replies
KPCKevin Powell - Community
Created by ilyes on 12/30/2024 in #front-end
Eventlistener for a div fully occupied with childrens
Codepen has a separate space for the css and a separate space for the scripts. So it is normal to put the css in the space for the css instead of in the html part
34 replies
KPCKevin Powell - Community
Created by i_lost_to_loba_kreygasm on 12/27/2024 in #front-end
how to make this animation in this website?
Agree a lot. Those animations are annoying. Animations should have a purpose like giving feedback. Animations purely for the looks should be scarse. Unless the whole page is purely intended to make "an experience"
19 replies
KPCKevin Powell - Community
Created by Mathies on 12/13/2024 in #front-end
How to optimize mediocre page speed results with Canvas element and Fontawesome.
You could remove the canvas on mobile completely, because it is hardly noticeable on my phone at least, not unless you take a long time to look at the hero section. But I don't think many people will look a long time at that part anyway, because you have read that very quickly.
20 replies
KPCKevin Powell - Community
Created by Raheel on 12/11/2024 in #front-end
Resources and skills required for building websites with unique animations
Check GSAP and (framer) Motion. https://motion.dev/ https://gsap.com/
3 replies
KPCKevin Powell - Community
Created by rishit on 12/5/2024 in #ui-ux
feedback for mobile design
Aren't the profile and settings buttons closer to each other than the other buttons? Looks a bit off balance
15 replies
KPCKevin Powell - Community
Created by Alpha Star on 12/5/2024 in #front-end
Any UI framework recommendation for React project
What have you researched yourself? And I think you mean component library?
5 replies
KPCKevin Powell - Community
Created by Faker on 11/30/2024 in #back-end
How to link a post created from the front-end to the back-end to handle comments
I think Faker wants to do way too much in a short time anyway. Start by learning the basics and keep adding complexity when you know the last thing you learned well enough
48 replies
KPCKevin Powell - Community
Created by Faker on 12/5/2024 in #back-end
What is the purpose of API keys when it comes to third party apis
Yes, it is a way to control who can use your api and how they can use it
19 replies
KPCKevin Powell - Community
Created by i_lost_to_loba_kreygasm on 12/5/2024 in #front-end
how to achieve this shape on the card ?
You mean the weird shaped border top left right? The shaped border on that example I linked to has a similar shape, so check the answer over there
6 replies
KPCKevin Powell - Community
Created by Faker on 12/5/2024 in #back-end
What is the purpose of API keys when it comes to third party apis
It's basically a way to identify yourself, like logging in at a website
19 replies
KPCKevin Powell - Community
Created by Faker on 12/5/2024 in #back-end
What is the purpose of API keys when it comes to third party apis
With a key, you get your own "account", so they can block you when you are making too many requests, or they can have certain features that only paid customers can use etc..
19 replies
KPCKevin Powell - Community
Created by Dev_HK on 12/4/2024 in #front-end
is there anyway i can tell the margin-left to shrink based on the viewport width
Oh.. even better!
5 replies
KPCKevin Powell - Community
Created by i_lost_to_loba_kreygasm on 12/5/2024 in #front-end
how to achieve this shape on the card ?
6 replies
KPCKevin Powell - Community
Created by Dev_HK on 12/4/2024 in #front-end
is there anyway i can tell the margin-left to shrink based on the viewport width
For the margin-left property I mean
5 replies
KPCKevin Powell - Community
Created by Dev_HK on 12/4/2024 in #front-end
is there anyway i can tell the margin-left to shrink based on the viewport width
You could try using a combination of the max() function and the calc() where you set calc to % - x px; Like max(0px, calc(5% - 100px)). You need to use the max function to make sure it doesn't get below 0.
5 replies
KPCKevin Powell - Community
Created by McMarty on 12/3/2024 in #front-end
Getting started with Javascript
Good luck with your endeavours
230 replies
KPCKevin Powell - Community
Created by McMarty on 12/3/2024 in #front-end
Getting started with Javascript
It does work in FF mobile for me
230 replies
KPCKevin Powell - Community
Created by McMarty on 12/3/2024 in #front-end
Getting started with Javascript
Probably the noscript extension?
230 replies