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

Hamza Naeem

3/23/2024

Form Validation working weirdly

Hi there, I make this validation but when I play with it by changing the inputs, it is performing weirdly, I tried to find the problem but could not, could anyone please help me to find out what the actual problem is? Please see the video, after changing the name multiple times it is acccepting the wrong input and letting the action file open. https://codepen.io/hamzacodepen951/pen/xxedjzJ...

sAnKeT

3/23/2024

Cursor Animation

Hello, I am trying to make the cursor on this website https://www.cynthiaugwu.com/ I am here so far. Its not exactly behaving as required. https://jsfiddle.net/2xpne574/2/ It pinches in wrong axis when I move the mouse up or left. Works fine for bottom and right directions. Still figuring out why. ...

🜲 ɢʀᴀɴᴛ

3/23/2024

Swing Animation

Hello guys, I am attempting to make a square move towards you like a swing would! My first thought was that it would be a transform property value but I am having a hard time finding it!!!!!! Here is an image to help you visualize the type of swing animation I am going for!!!

✰

3/22/2024

help with positioning

I’ve been working on this project and it’s displaying perfectly on my device but when I try out the online code editor (Codepen) the positioning is off and is all the way to the right. I’d like to know if it’s going to be an issue going forward or if I should overlook it. https://codepen.io/thatboybubu/pen/mdgmVRY...

Herelore

3/22/2024

how does one make this design more responsive?

ive been stuck with this for almost a week and figured it's best i ask for help to get things kicking there's a bunch of related problems but im not too sure how best to articulate them so i've got this setup after the dev container environment is setup and the preview of the app is showing (it can take awhile), click on the icon on the right side of the preview address bar to pop it out onto another tab, this is so u can have devtools on it and conveniently inspect all the elements. when u alter the code on the editor, remember to hit ctrl-s to save it and the preview would correspond to the changes. ...

octavia0914

3/22/2024

Forms for websites.

Hello, Could somebody please explain how forms work? I read through a "mailto" articles and tutorials yet they dont show how where or how to add, I've also seen only using html? will that work or do I need javascript? I just don't get how to send the information they put into the form, and get it sent to me on my email? thank you.

Tobias Sjögren

3/22/2024

Hierarchical Sticky Headings

How can a sticky H2 be "pushed up" by a following sticky H1?

Wonderbear

3/22/2024

technique where background expands box dimensions to spare wrapper element?

I remember vaguely that there was a trick that I've seen in a video from kevin where he shows how to expand a background without relying on a wrapper element. For example, when your text is supposed to have inline padding/margin to the parent borders, but the background should then expand to the parents width. Do I remember correctly that there was a trick or do I need a wrapper element?...

Jonah

3/22/2024

I need help with responsive

I'm trying to make the mobile responsive, and I truly need your help. Also, I would like some advice to get better at doing responsive, thanks! Note: The image is not showing in code pen. https://codepen.io/Jonah-the-lessful/pen/mdgmOrE

MattTheWebDev

3/22/2024

Slideout nav that handles keyboard navigation and overflow

I'm really stuck on this slide out, multi-level nav. It's made from nested lists to maintain the proper tab order but I'm having these troubles: 1. Adding vertical scroll to each new sub level that exceeds my desired max height. 2. Backgrounds of each level should be the same height. 3. Animation should slide from behind the parent nav (currently sliding from front). I have a codepen example that demonstrates the issue here: https://codepen.io/matthanes/pen/wvZdzBw...

✰

3/22/2024

How to make height and width responsive

I’ve been working on this project for a while and it works perfectly just how I want it on my pc but when I try to run the code on other devices it has this weird scroll bar towards the right. Can I please get some assistance with this?

clevermissfox

3/22/2024

attribute values in custom props?

So since we can do content: attr(data-value), I’m curious if there’s a way to store the value of attributes within custom properties ? Can I do something like —_value: attr(data-value)? Will it look for an attribute of [data-value] on the element I use it on ?

doug

3/22/2024

Stripe PaymentMethods Component

Has anyone used Stripe's PaymentMethods? I would like to obtain the user's card token through this component, but so far I have not been successful

Haruto

3/21/2024

Making site responsive

How can i make my site responsive?

KingsferryMC

3/21/2024

background animation

Been trying to figure out how to create an infinite background animation that scrolls from right to left across the viewport in an infinite loop. So far, none of the tutorials that I have tried seem to work, so I thought I would post here and maybe someone else can notice something about my markup or css that explains my lack of results. Here is what I currently have: <!doctype html> <html lang="en-US"> <head>...

TRUEfoe

3/21/2024

Flexbox w/ justifyContent: 'space-between'

Hello! I'm attempting a status page where these device status are aligned to the right of the device name. Once they touch eachother, all three should drop down to the second row via wrap. The problem I'm running into is that the word Maintenance is longer than the other two, so it drops earlier. How can I make them drop at the same time without messing up the spacing so that it is "end" for justifyContent when it doesn't wrap?

M.A.L

3/21/2024

development npm website is not auto refreshing my react app

so i'm working right now in a medium react project everything was good until i bought a new computer after moving the project file to it and type npm start the website show no errors but when i edit my code is not auto refreshing and i can't share the code in github bcz it's big so can you help and do you have a way to how?btw im still beginner to react

ChrisPTaco

3/21/2024

Trouble having elements layered properly

I'm working on a project and I ran into this problem. Simplified version of the code I'm using: https://codepen.io/chrispitts/pen/WNWpmWb?editors=1111 The pen shows exactly what I want the result to look like, however the issue with it is that the button isn't clickable. Essentially I want the layout order from top to bottom to be like this:...

abdelrahman

3/21/2024

how i can add type to file that doesn't not exits

```ts import type { WathqnyConfig as WathqnyConfigType } from "wtqtypes"; /** @type {import('wtqtypes').WathqnyConfig} */...

Stroudy

3/20/2024

:root most common customer variables

What are the most common custom properties you should put into the :root? Font-size Font-weight Colours what other ones do you use?...

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