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

pixmagic___9

9/6/2023

i need help with a web page

i made a web page with CSS but have some problems with images.. any help plz ?

Matt

9/6/2023

Centering with Absolute Positioning

How would I center this Div using Absolute positioning? https://codepen.io/Matt-CopOffMatt/pen/MWZbNor I have tried the following: ```left: 50% top:50%;...

Luka

9/6/2023

little problem with grid

Codepen: https://codepen.io/rwxganta/pen/bGOBPzd Hi, ya'll o/ So, I'm doing this TODO list project and I have this Idea where the description break into new lines and goes down in case it's too big. My problem is that the text starts overflow the parent. ...

Matt

9/6/2023

First Iteration Glitch?

Would you happen to know why the first iteration doesn't get the transition class? https://gyazo.com/f1dd87e6efb7ed42bd914f6489919df8 ``` let blob = document.querySelector(".blob");...

shaken_1

9/6/2023

A circle with 12 circles

Hello guys! I am not a front end dev and I don't know at all how to make my idea appear as wanted. I want to have a big circle in the middle of my screen. Then 12 other little circles have to sorround it. All of the circles are in fact some images that have this form. The 12 circlise should have like a nice bounce effect when covered and also like a little bit of glow/shine. I will share a picture with the poor design that i have been able to do and maybe you can understand a little better....

Matt

9/6/2023

Infinite Loop Question

Hello! I'm attempting to infinitely move an object randomly across the viewport. Below contains some code I used to be able to set random position (based on current position). However, I need to be able to loop this consistently. Which loop should I use? ```var element = document.querySelector(".blob"); var blob = element.getBoundingClientRect();...

laith

9/6/2023

what should i learn exept px and rem in css

nelixus159

9/6/2023

Trying to make horizontal spinner

I have been trying to make a horizontal spinner using vue but having no luck doing that i have mad a spinner thats spin but it dosen't seems to land on the correct prize my code is https://pastebin.com/zz2hWVVa i'm getting the won prize from the Daily-spin endpoint but no clue how can i make to land on it...

hackett_hkd

9/6/2023

How to cater background-blend-mode on mobile?

I'm have a background image with below code body { min-height: 100dvh; width: 100%;...

Moni

9/6/2023

Design guide

For this design i should use table or flexbox see the attached image

Will45

9/6/2023

how to make a todo list delete button work in javascript

Hello. I’m building a todo list app and need the delete button to delete each list everytime the delete button is clicked, but the problem is the delete function doesn’t even register the button clicked. I’ve done everything possible but nothing is working. The code is listed below. The add list function is the “addBtn” function....

nxres

9/6/2023

Making components

Hello everyone I just want to know, if is possible to make a component for all these notifications....

Nollva

9/6/2023

What is the best way to include my header on every page I code.

Hello! I have been trying to find the best way to add a header to every page with as little code as possible. I already have a header.html, and a header.css, and so I was wondering the easiest way. Thank you!

CDL

9/5/2023

Converting a project in the console, to include the UI?

https://github.com/callum-laing/build-progression Github repo attached for code reference. This isn't anything fancy, it's just a project for me to understand how to push the JS into the UI....

awk0256

9/5/2023

Width/Height of an IMAGE intact in a responsive page

does anyone know how to keep the original Width/Height of an IMAGE intact in a responsive page --I need some CSS example .or give an example .. please . -awk

Matt

9/5/2023

How to replicate effect?

Hello, I came across this cool effect where hovering around grid changes grid line colors based on mouse position. I'm assuming there is a color burst following mouse position with some kind of overlay filter. Does anyone know or have a demo to an effect similar to this? --> https://gyazo.com/d0ea7d3a47c7ad8478ca0e2c7873eac8...

Adhurim Gashi

9/5/2023

Question regarding creating nav

Hello guys, can you guys explain to me how to make a toggle button, click it once to open and for the second time to close, although I saw it how it was done I never really understood it. Thanks

snxxwyy

9/5/2023

custom property naming

Hey, i'm kinda stumped on naming conventions for my spacing properties. I use these for things such as padding blocks, flow gaps and tie them in with the utility classes for those. Currently i use the 100 - 900 naming method e.g. --space-400: XYZ; with the values going up in certain increments depending on the project, for example- ```css --space-100: .5em; --space-200: 1em; --space-300: 1.5em;...

Will45

9/5/2023

how to make my delete function/button work in javascript (todo list project)

Hello, for some reason i cant get my delete function to work. I need to delete each list anytime the delete button is clicked but the delete function doesn’t even register the button clicked. I’ve done everything possible but nothing is working. The add list function is the “addBtn” function. The delete function is the “iconBtn” function. ...

The Internet's own Kiddo

9/5/2023

try to recreate Windows 11 TaskBar 🥴any advice?

https://codepen.io/jackyiakovenko/pen/oNJzVXq

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