Jochem
KPCKevin Powell - Community
•Created by Abdul Ahad⚡ on 2/5/2025 in #front-end
How would you approach this effect in css?
My first instinct for the images would be to use a background image with a specific attachment point
11 replies
KPCKevin Powell - Community
•Created by Abdul Ahad⚡ on 2/5/2025 in #front-end
How would you approach this effect in css?
you can animate grid properties too I think, so you could just have them in a grid with
grid-template-columns: 40% 1fr and then animate to grid-template-columns: 60% 1fr11 replies
KPCKevin Powell - Community
•Created by Code-S ♛ on 2/5/2025 in #front-end
How to achieve this text color
nah, you got it. That's the main way to do gradient text atm afaik
10 replies
KPCKevin Powell - Community
•Created by Helgi on 2/4/2025 in #front-end
js question
it did last night when I looked at it, so I think he's changed something. If you look in the console, you should see why it doesn't work
7 replies
KPCKevin Powell - Community
•Created by Helgi on 2/4/2025 in #front-end
js question
document.querySelectorAll('#list-container .checked').length should do the trick7 replies
KPCKevin Powell - Community
•Created by Helgi on 2/2/2025 in #front-end
need help to implement it
and yeah, using mediaqueries can be a decent solution, it's just not as responsive by default
9 replies
KPCKevin Powell - Community
•Created by Helgi on 2/2/2025 in #front-end
need help to implement it
that's what I did in the second link
9 replies
KPCKevin Powell - Community
•Created by Helgi on 2/2/2025 in #front-end
need help to implement it
I wouldn't actually use the second option, cause if the header ever changes size, it could cause issues
9 replies
KPCKevin Powell - Community
•Created by Helgi on 2/2/2025 in #front-end
need help to implement it
in this case, there's an even easier (though not as responsive) method, because it's just working with the header color. You just set the gradient on the background: https://codepen.io/jochemm/pen/MYgRrPY
9 replies
KPCKevin Powell - Community
•Created by Helgi on 2/2/2025 in #front-end
need help to implement it
9 replies
KPCKevin Powell - Community
•Created by Helgi on 2/2/2025 in #front-end
need help to implement it
the easiest way is to fake it. You can set a linear gradient on the first element below the header that transitions abruptly somewhere in the gradient from the header background color to the color used by the rest of the page
9 replies
KPCKevin Powell - Community
•Created by Dev_HK on 1/31/2025 in #front-end
now vh doesn't apply to view's height
position: absolute, especially for larger elements, is likely to cause responsiveness issues
12 replies
KPCKevin Powell - Community
•Created by Dev_HK on 1/31/2025 in #front-end
now vh doesn't apply to view's height
it's also very frequently not the best solution to a problem
12 replies
KPCKevin Powell - Community
•Created by Dev_HK on 1/31/2025 in #front-end
now vh doesn't apply to view's height
absolute doesn't change the position without something like top, that's correct
12 replies
KPCKevin Powell - Community
•Created by Dev_HK on 1/31/2025 in #front-end
now vh doesn't apply to view's height
you know the drill, without code it's impossible to help you
12 replies
KPCKevin Powell - Community
•Created by Yoon`s on 1/30/2025 in #front-end
astro
also please stick to English in the server. It's fine to use google translate if you need to
3 replies
KPCKevin Powell - Community
•Created by Yoon`s on 1/30/2025 in #front-end
astro
You'll have to share your code in a way that's viewable in the browser for others to see this themselves, it could be a lot of things
3 replies
KPCKevin Powell - Community
•Created by Dev_HK on 1/29/2025 in #ui-ux
i don't know how i can do responsive on a design
probably not fullscreen on a desktop layout, but yeah
15 replies
KPCKevin Powell - Community
•Created by Dev_HK on 1/29/2025 in #ui-ux
i don't know how i can do responsive on a design
this makes the categories look a little cramped, so I'd either give them a bit more room and have one column of cards, or make it toggleable.
15 replies
KPCKevin Powell - Community
•Created by Dev_HK on 1/29/2025 in #ui-ux
i don't know how i can do responsive on a design
I like drawers, personally, and pinning them open when there's enough horizontal space
15 replies