Kevin Powell - Community

KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time šŸ™‚.

Join

front-end

resources

back-end

ui-ux

os-and-tools

help

How to get a grid inside a flex wrapper to always have the same height as one of its rows

I'm making a personal site and on my about page I have two grids with the same styling, same amount of items (images) which also all have the same height, I want my grids to have their height be the same height as one row of images (so the same height as an image) keep in mind this grid is on a flex container and my site is also mobile friendly so height of the images changes with the window size You can see it here on CodePen: https://codepen.io/CloudyInside/pen/empJpGo...

How do I get Javascript to add an uploaded image to a form.

I while ago I did a project on icodethis and now am actually utilising it. Here it is on CodePen https://codepen.io/iBlackwolf/pen/NPGGLRV (Ignore the simulated "upload")...

What are some of the best courses on webdev?

I want to improve my webdev knowledge, and I was looking for some courses, and I need your feedbacks and opinions. An A11y course, and I was thinking about buying https://practical-accessibility.today because it seems to be the only one that seems to be focused on the code, and also seems pretty easy to understand. And I also was looking for a design-system course, focused on webdev, of course, but I haven't found a course that seems promising...

Learning resources

Is w3school also a good resource to learn programming languages

Need help creating rooms in my chatroom website

so i made this chatroom a week ago and i have this result but even after hours i dont know how to make private rooms, like after generating a code, creating a sub private chat where i can summon people.
No description

css sticky card with masked content

hello hello I'm trying to do something with css only, but I'm failing šŸ˜„ I want a sticky section, I scroll to this, the map and card gets pinned, then the content inside of the card is scrolling (the groups with headlines and logos) my main issue is/was that I need the parent of the pinned card to have the height of the content for it to work, so I thought I make the card a sibling of the content, and while this works, the content obviously is not clipped then, it looks like in the codepen would love to get any sort of input, demos, tutorials, ideas ......
No description

variable fonts or static and some other concerns about fonts

From my understanding a variable font file contains all the styles from static fonts. So I don't need static fonts then? Do I need both italic variable and normal variable font files if I am using italic syle for fonts? Is there a difference between setting font weight in @font-face rule vs in css font-weight property? What should I do if a font only has static font files and not variable? Like Poppins on google fonts download doesn't provide a variable font....

Css problem on a FEM Challenge

Hello, I m trying to solve another FEM challenge And again im stuck. ...
No description

Scaling whole section

What would be good approaches to scale whole section (preserve original composition) instead of wrapping texts and images on smaller screens? It might be especially crucial for first screens that need to look exactly as designer crafted them on every screen Only relevant for laptops and desktops, not mobiles...

How much node js should i learn before moving to express js

How much node js should i learn before learning express js or rather what projects should i build with node js before learning express js

How do we store user-uploaded photos in a social media app in express.js?

I always thought we should use the public folder to serve any kind of files but this isn't true? (just realised that the public means publicly available xD) For instance, say we have a social media blog where we can create a post and upload photos. The photos need to be stored somewhere on the server, right? Where do we store that? I used to store that in the public folder in some of my projects but this isn't good? If we are using express I'm confused, we would need to use express.static() for 2 different folders?...

Importance of Vite folder structure

Hello, what does Vite provide with the uploaded structure? Why is it important/recommended to set up a Vite project set-up, can't we just create files/folder as we need to?
No description

Hey, AI Enthusiast! Let's talk tools

What's the closest thing to a "Kevin AI" currently or what needs to be built? Is it a RAG system we can integrate into into existing AI with MCP? (or does it require a finetuning a model and A2A?) AI tools are getting better all the time. But IMO, The current state of AI tools fails with CSS by suggesting......

Good tools for getting AI agents and chat to recommend **new css features** ?

I feel like AI coding tools are always either suggesting... 1) outdated css advice 2) using javascript where modern css will do 3) importing packages and dependencies when raw css will do ...

Help with embed lines

Yo any of you guys know how to add these lines in a embed like this
No description

POLL/DEBATE: Double Browser REM for H1 Size

Do you guys use 32px (2rem) for your H1 font size? Why so? Just because it's the default? Do you need/use anything bigger (if so, please let me know)? IS there a reason for this "magical" size? Background: I was thinking of using 40px for my new "font ramp/scale." But everywhere I look I keep finding this 32px value....

nvda placeholder and label behaviour

I am trying out nvda and I am curious how label and placeholder behave on inputs.
<input type="text" name="title" aria-label='title' placeholder="Title of the Post"/>
<input type="text" name="title" aria-label='title' placeholder="Title of the Post"/>
...

ui design ideas

So I posted 2 picture , in that picture I added a skeleton ui for days rendering , i added month based rendering from backend and it takes something around 100ms something , but my question is should I add this skeleton ui for this calendar this looks odd like egg crates or just remove or a loader ?
No description