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

Axim

10/26/2023

(Css Spec) Clarification on containing block definition

Guys I have a little question about containing block, By definition containing block is the nearest ancestor that is a block container(containing only block-level or inline-level boxes) or which establishes a formatting context but here in this code : ```html <DIV id="div1"> <P id="p1">This is text in the first paragraph...</P> <P id="p2">This is text...

RaviTeja

10/26/2023

clip and mask using circle css

hi , am facing a challenge in designing above attachment. I am able to design the card but the circular design at center is challenging. please guide me.

Å Marlon G

10/26/2023

Calculating the salary based on salary – JS

```js // Utregning av ansiennitet function activeYears(year) { const currentYear = new Date().getFullYear(); const yearsSince = currentYear - year;...

soha.rehman

10/26/2023

api

Can someone help with this api fetching its not working

Riaj mahmud

10/26/2023

Why My Tailwind Grid Not working?

Guys I have used Tailwind CSS class place-content- center but the content is not centering horizontally. Why?...

ZrizzyOP

10/26/2023

How to check image collision in js?

I already made an image follow the mouse, but how can I check it? I'm making a minecraft pickaxe brake a cobblestone (that's for my friend's bday)...

lafayette

10/26/2023

HOW TO MAKE IT SO THAT DESCRIPTION IS ONLY THE DEFAULT HEADER IN SUBPAGES

https://codepen.io/gsadopkgj/pen/BaMoopE

Boeroe

10/26/2023

How to get the image a full size of the div.

Hello guys. How do i get the picture the full size of the 400*400. Its nor working out the way i want. Also when i give the parent element of the image wich is div class=img height: auto and width=100% its not working. If i make the picture bigger my first div is the way i want it anymore as you can see in the second picture. So thats also not working. What should i do? https://codepen.io/Boeroe/pen/PoVPPGX...

lafayette

10/26/2023

TOGGLE BUTTON HELP

code: https://codepen.io/gsadopkgj/pen/OJdyyJa ISSUE: when you click on either "Reflections" or "Values" at the top the visual toggle is incorrect. if you keep clicking multiple times on either "Values" or 'Reflections" the content toggles back and forth but visually, "Values" or 'Reflections' is always "selected". I want the buttons content to only switch when you click on either (reflections or values); not to toggle when u click on one of them repeatedly... how do i fix this)...

GOT7

10/26/2023

Help with responsive and javascript

Hi i need help with two things my website sometimes is responsive but other times not and ive got no clue why its doing this? https://codepen.io/DevDaf-the-vuer/pen/wvRYoYK...

pary

10/26/2023

image overriding a div's bc image

i wanted the div's background(linear-gradient) to be shown on the image, but for some reason it ignored that and only showed the elements of the div here's the codepen: https://codepen.io/staticoly/pen/KKJpjNp;...

CDL

10/25/2023

React peeps, which course is going to cover more of what I need to know?

Colts course: https://www.udemy.com/course/modern-react-bootcamp/learn/lecture/14638530?start=0#overview or Max's course: https://www.udemy.com/course/react-the-complete-guide-incl-redux/learn/lecture/25595410?start=0#overview...

Aurora is my Waifu

10/25/2023

Understanding complex animations

Hey guys I have a question that I really can’t wrap my head around, how do you create like interactive animations? For example let’s say I want to create a gas pedal and a speed odometer, and when the user clicks the pedal the odometer moves as if accelerating. The odometer is sinple but what my brain can’t understand is how would you animate a gas pedal being pressed down. Or another example a watch being turned 360 or a statue holding a ball and it rotating . ...

QwasPerets

10/25/2023

Advise lessons on Bootstrap5 please

I can't find actual lessons with Bootstrap 5 practice I will be grateful for your help...

GamerPro

10/25/2023

Problem with reading information from array

Hello there, I have the following problem: This is my JS Code:...

Ian UK

10/25/2023

Empty local font reference, i.e. local('')

Just trying to get some clarification on this as I can't get my head around the Mozilla docs. I've always assumed that with an empty local source i.e. src: local(''), url('...') the font uses the URL succeeding that in the property list. For example I thought:

src: local(''),
       url('/fonts/source-sans-pro-v21-latin-300.eot

src: local(''),
       url('/fonts/source-sans-pro-v21-latin-300.eot

Would skip the local and then load the font from the /fonts directory listed in the URL....

Omar ;)

10/25/2023

basic math with javascript

I'm new to JavaScript and i made this website that calculates the slope of a straight line, the formula is y2-y1/x2-x1, i was wondering how i can make it work with negative numbers without making it 4 inputs.

lafayette

10/25/2023

how to make it so the typewriter effect only occurs on the index.html page and not other subpages

code: https://codepen.io/gsadopkgj/pen/oNmXegO I want this effect solely on the index.html subpage the effect is coded in the css tho so i need to add something to the css which specifies to only do it on the index.html subpage? reason being i have the same header on all the other html subpages...

bibamann

10/25/2023

Scrolling of 2 lists with one "somehow" fixed

Sorry I can't name this better. So I've got two lists. There's a very long one on the left and a short (initial smaller than screen height) on the right. And I want to achieve the behaviour that the right list moves with the global scrolling but stops when it's bottom basically reaches the page bottom AND if you scroll to the other direction it's top hits the page top (so the basic position: sticky; top: 0; in this case) while the left list always keeps scrolling ...

clevermissfox

10/25/2023

grid and @container

I know if you put a width on a grid item it's then relative to how it fills its cell; If you use a container query to change a grid items behaviour, would the container be the main grid or the cell that houses the item?...

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