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

razmitaz

1/22/2024

HTML Comments

Hi all - is there a VS code extension or a quick way to delete comments on an HTML file before publishing? I’m using more and more comments to keep track of bits and pieces but I don’t want these on the published document. Thank you all!!

Pat66

1/22/2024

querySelectorAll not working

Hi everyone I realise this : https://codepen.io/alpha_66/pen/MWxoLZJ ...

Skriti mož

1/22/2024

color-scheme: dark light; and user enabled theme change with JS

Hi, I want to ask what the best way to do the following is: 1. I want to use

color-scheme: dark light;

color-scheme: dark light;

, 2. have JS recognize which scheme the user has enabled 3. based on which scheme the user has, a button would be used to change to the opposite theme....

Bismuth

1/22/2024

How to make such auto-scrolling given fixed height of container ?

https://www.eletypes.com/ In this site when you type and reach second line the first line automatically pushed up. I'm using react to build such application and I don't know whether it can be done from css or js...

Anonymous DEV

1/22/2024

can someone explain this animation

can somone explain the animation on text how it can be made https://www.figma.com/proto/LNCj0IOeaxnhBV26wlglcR/Donut-Landing-Page-(Community)?type=design&node-id=1-63&scaling=min-zoom&page-id=0%3A1...

Takyon_is_Online

1/22/2024

Having a difficult time understand sizes and which units to use

I really struggle with what values to put on the padding property? Also I don't know when I should use rems or pixels. I guess this comes from coding instructors online just throwing out numbers without explaining why. Any tips?...

RIZE Hobberz

1/21/2024

SEARCH BAR (the thing ive been dodging)

I want to code a searchbar with results

RIZE Hobberz

1/21/2024

Button Styling

I want a see through button with a red border and text in the middle and all of the buttons the same width and the text in them centered. Then when u hover over it it fills it red and the text turns white

Nikita

1/21/2024

Next js <Image/> warning - If you use CSS to change the size of your image, also include the styles

I created issue on github with minimal example Let's solve this issue there - https://github.com/vercel/next.js/issues/56025...

althepal78

1/21/2024

can you defer a sass media query

I am trying to do what I saw KP do in his folder setup, however, my media query goes a head of my actual code. I have separated it and I have to use the @use on the top meaning when it imports the query for some reason haves to go on top in the css file. ```scss @media (max-width: 650px) { header { background: blue;...

RIZE Hobberz

1/21/2024

Trying to get my backround and image neat but it wont work

Takyon_is_Online

1/21/2024

CSS grid item not spanning across my browser

Hello, I defined in my grid container that I wanted 5 explicit columns each of them are sized 1fr. When I tried to span my image across the browser by putting grid-column: 1 / 5; It does span the entirety of the browser and all my other grid items are pushed against. Can someone help me with this? https://codepen.io/davesamuels1998/pen/OJqgOOR...

Crume

1/21/2024

contact form email doesn't have the message from a textarea input

my contact form works, but the email i get doesn't have the message from the textarea included. what is the problem here? html ```html <form onsubmit="emailSend(); reset(); return false;"> <input type="text" id="name" name="name" placeholder="Name" required>...

timo

1/21/2024

want to change my border when the code is correct but dunno how to get id without to keep it in html

🙂

Bismuth

1/21/2024

How to make such Invisible Input and cursor ?

https://monkeytype.com/ I see no input box here but I'm able to type, I don't think it is event listener. I found alternate Project which is clone of above site https://github.com/thisissteven/monkeytype-clone/blob/main/app/src/components/Game/TypingInput.tsx#L164...

Greener

1/21/2024

I want this developer.html to go to index.html when I press login if the username and password are correct. here is the code ```html <!DOCTYPE html> <html>...

RMON

1/21/2024

Is it possible to make a img gallery only using HTML/CSS and still having it look cool?

I just wanted to know would it be possible to create an img gallery with only html/css and still allow the user to interact with it? For example they can click on an img and the img pops up to the center of their screen

timo

1/20/2024

wanna get more space between my anchors (a)

dunno with wich css words i need to do it

jacob

1/20/2024

Sticky Floating Navbar Disappearing

I want to create a floating sticky navbar for my website. The problem is that once I scroll past the full viewport, the navbar disappears. I am using react and panda-css. ```js <nav className={css({ display: "flex",...

clevermissfox

1/20/2024

Margin/Justified issues

https://codepen.io/Miss-Fox/pen/NWJgRjB?editors=0100 So I'm trying to emulate a swipe so that if one of these ".item"'s has focus, its translated over to show the user the very end of the list. I am up to my neck into margins and "justify-content" "justify items" "justify self" and for the life of me cannot figure out how to fix it. I want the behaviour of ...

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 🙂.