KPC

Kevin Powell - Community

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

Join

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

Bernardo Benini Fantin

10/24/2025

Tokenizing a design system and components with SCSS

Has anyone here "fully" tokenized a project? I am talking about tokenizing not only the main variables but also component variables. I am using SCSS and a complete tokenization seems like it's going to help me reuse much of my styling and also allow for customization in the future, but I do not have much experience with it so I don't know much about how to do naming and hierarchy, so I am here looking for resources.

MC23

10/23/2025

Replace innerHtml with CSS content SVG

I'm trying to replace innerHtml for injecting a svg with a css class + content, without success: https://stackblitz.com/edit/angular-1vdnfe2h?file=src%2Fapp%2Fapp.component.ts both the original innerHtml and the test replacement can be found here. What am I doing wrong?

Kypac

10/23/2025

Grid cropping image?

https://www.mottandbow.com/pages/the-best-relaxed-fit-t-shirt-for-womens?_ab=0&_fd=0&_sc=1&preview_theme_id=148521779388 In this page, in the component "One or Another" in mobile view the main images are not having the same size, even thought they are the same image, they have the same grid column fraction...

Ray

10/23/2025

Does it matter where I put the async/defer attribute when linking to javascript files?

For example, is this: <script defer src="my-js.js"></script> with the word immediately after the opening tag considered more proper than this: <script src="my-js.js" defer></script> with it after the src? I usually put it after the src, but I'm not totally sure if that's right, and different resources I've read about using those attributes seem to put them in either slot, which makes me think it doesn't matter. Probably a silly question ultimately, and in practice the browser doesn't seem to mind where I put it. But also the browser seems completely fine with a lot of things I'd consider atrocities lol so I don't think that's a good baseline to use for understanding whether or not I'm doing something right. Thank you...

noob

10/23/2025

z-index does not work

Hi guys, I'm facing a problem related to z-index. I have a table where the first column has a sticky position, and inside the cells of the first column, I'm using a tooltip component from flowbite-react. However, I'm not sure why the first tooltip in the first cell is placed below the second cell, even though I try to add a higher z-index for the cell. I'd appreciate any ideas to help me fix this problem. ```html <tr> <td className="sticky z-[1] left-0"> <Tooltip content="Description">...

Faker

10/22/2025

Query parameter vs Path parameter

Hello, can someone explain what's the difference between a query parameter and a path parameter and what are the use cases of each one pls. Normally, I use query parameters in order to fetch a particular item from my database, like a particular user maybe. I never make use of path parameter (I think?). Was wondering if someone can explain the differences pls....

Jhonz

10/21/2025

Rounded borders + scroll bar

How do you guys deal with cards with rounded border-radius and scroll bar beside it? it doesn't look good imo (screenshot added in the comments)

jools

10/20/2025

How to target unwrapped content in a div?

I have the following HTML code for a form output by a system I have no control over = I have to work with it. On the face of it, it's simple: two inputs each with a label and a submit button, but unfortunately it has colons as what you could call "loose text" within the containing div but between the other html tags, making it hard to target with a regular css selector. What I've done: * set up a css grid with named grid areas to give it some visual structure * made the colons disappear visually by setting the container text to transparent and the contained tags back to text color....

Faker

10/20/2025

TensorflowJS in browser

Hi, anyone has knowledge of tensorflow js pls. I exported my object detection model in a format that tensorflowJS should normally understand, I'm unable to make it work on my browser, if anyone has any suggested resources, would really appreciate.

Ganesh

10/20/2025

npm install being slow

I'm currently using wsl2 and for some reason npm is taking too long to install. I tested my internet speed with speedtest cli and you can see the results in the screenshot below, they seem okay. I also cleaned the npm cache npm clean cache --force used different npm version by installing different node versions via npm. I still don't know why it is being so slow. I 'll appreciate any help in debugging this...

TechnicJelle

10/20/2025

Prevent unstyled content flash

Hi everyone! I'm new in this discord, but i've been watching kevin's videos for a few years now. Super great! But I have now finally run into an issue I cannot solve, on my own, with google, or the help of my friends.. For context: I am currently rewriting my website's static site generator....

Allen

10/19/2025

Question about using GraphQL and REST

When building an application, should you stick to either GraphQL or REST or is it okay to use both together? When would you use both together or should you just stick to one or the other? What are the pros and cons of each option? Thanks.

Aditya

10/19/2025

Web Development or Game Development

Hello there, btw this is my first post on reddit but anyway. I like programming and I have been in web development for quite a while, maybe. Basically I have learnt html,css and javascript, have made some projects and some fairly good clones. But recently I have started to get curious about game development, simply liking the fact how you create your own environment virtually and make characters move on your clicks. And also you create stories around it. It just makes me very excited. So my question is what should I do: Should I just start exploring more in web development and get into more in backened also and take game development as a hobby....

CHIDEX

10/18/2025

Research issue

I am currently building a landing page website for iPhone So I feel guilty each time I search for something or ask ai for something I hope I am safe as a self taught dev...

Rägnar O'ock

10/18/2025

Ragnar learns svelte

opening a thread here just so I can ramble without bothering people in #chit-chat or #off-topic

depthark

10/18/2025

Animated shadow

A few months ago, I created a demo card component with a semi-transparent background and a gradient border that animates on hover. When the hover ends, the animation pauses and then continues afterward. It’s a really cool effect, but I’d like to add a shadow that appears on hover and matches the gradient and its animation. Is it possible to create something like this in my example using the box-shadow or filter: drop-shadow property? https://codepen.io/luko248/pen/ZYbrJpR

ProtonMe

10/17/2025

Assistance needed for implementing a grid structure

I want to implement a Grid structure [review my attached image for the preview] for a challenge from [Frontendmentor.io] using HTML and CSS only. I have done with HTML and can able to do rest of the styling but I 've been struggling to implement the grid structure format successfully. I tried with the GPT and other AI, but they are complex for me to understand as I am just a novice who is eager to learn. Here's my main block of HTML: ...

redcaus1235

10/17/2025

I am looking for a third party system

Hey, I created a website for a doctor’s office, and now I’m working on the appointment booking Page . Patients need to enter their name, choose a service, and provide some info. Is there any software I can integrate for that, or do I need to code it myself using HTML/CSS and a database to store everything?

Ganesh

10/17/2025

Using local install of angular cli

I don't really like to install the npm packages globally. The docs suggest using the global flag to install @angular/cli but I installed it locally thinking this is like all other docs that only do this for convenience. Now the problem here is that to create a new angular project you need to use the npx ng new <directory-name> command. but I can't specify the current directory where the angular cli is installed npx ng new ./ doesn't work but npx ng new practice-project does. ...

capt_uhu

10/16/2025

keyword equivalent for `border-radius: 9999px;`

The CSS working group has been looking for a keyword for this shape created by border-radius: 9999px for a while. Anyone have any ideas?

Previous Next

Gaming

Programming

Kevin Powell - Community

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

Kevin Powell - Community

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