Kevin Powell - Community

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

What tag should be used for grid children? <li/>?

Usually I just nest divs and spans like this: ``` <div class="display: grid"> <span>1</span> <span>2</span>...

Looking for CV advice

So I've been trying to make a decent cv and heres an anonymised version of it.
No description

anyone teach me python

i wants to lear python please help me

Handling different vertical base alignment based on font-family

Hello, I noticed that when changing my font-family on my site, the vertical base position of the font seems to shift, i.e. it's different between each font-family. I'm trying to align it though, so that for example on my header it's in the vertical middle. Do I just alter margins/paddings here or is there a more elegant / robust way of doing it?

What am I supposed to study to achieve this? Yes, it's Javascript, but what exactly?

Trying to learn how to make something like this. In short, each card has a connector to their right, and the vertical line also has a divider. When I click each card, a line extend from the card connector to the divider connector, to the exact precise point. I get that it's Javascript, or some framework?, but I don't understand exactly which part of it....
No description

Can I remove these Empty Spaces somehow? Text-box-trim is not yet supported :(

Is there any way to remove this empty space so i can calculate properly the padding and everything else?
No description

how to approach this complex layout ?

i have tried made the character and the button absolute and the other as a background, but the result if we resize it will stretch and look so bad....

Microsoft Defender Security API's

Hey guys i was working on the Graph APi's and Defender SEcurity API's but i am facing an issue where the WindowsDefenderATP permissions are not getting included with my Access TOken. I have attached an iamge for reference....
No description

HTML/CSS vertical/horizontal lines across the page

Hi there. I'm lowkey stuck with what seems a simple task, so I'll be quite glad if anyone can help with it :ragsdot: I attached the example of a layout I wanna make. My problem is that I cannot properly make the lines, both horizontal and vertical. I figured I can have a div container for the whole center part, so I can place vertical lines before and after and it works, but that ain't a thing for horizontal ones. Whatever I do, they end up being the same width as the center block (lines are also never intersect) ...
No description

connectors between elements

Hi everyone, I have no idea how to implement lines that connect elements on the left to only one element on the right. Can anyone help me?
No description

Need some help understanding how to extend a JavaScript class

To start, I did read this: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/extends But there is almost nothing there that I understand or recognize enough as something familiar that I can latch onto, so that's not really helpful. All I'm trying to achieve is similar functionality to what this PHP example would do:...

img element with object-fit: contain leaves extra space on x-axis

I have a image inside a div with the div having width: 100% and img having object-fit: contain to ensure the image gets as wide as it can without stretching. However, this leaves a problem I couldn't get rid of where the image element itself is wider than the actual image. Removing the 100% width from it's parent div would solve it, but it would also make the image smaller as it wouldn't take the full possible width. Any ideas on how to solve this, so the img element width would be the same as the image itself, whilst growing to its maximum size?...
No description

Codeblocks not rendering correctly with MDsvex

I am trying to render markdown posts fetched from a git repo in my Svelte 4 webapp/blog. The codeblocks seem to render wrapped in
{@html `
{@html `
blocks as if the text was sanitised before rendering. I wrote the markdown in obsidian and synced the repo with my github and am using that as my datastore...
No description

WSL port forwarding

I'm trying to connect to a vite dev server running in WSL from my phone on the same local network, but it does not seem to want to connect some commands I tried to run : ```shell netsh.exe interface portproxy add v4tov4 listenport=5173 connectport=5173 connectaddress=$((wsl hostname -I).Trim())...

Scroll Animation for Floating Component

Hey everyone ๐Ÿ‘‹ I came across a scroll animation effect and would love some feedback on optimization. Behavior I want: A floating component starts at the bottom-right corner....

Can you explain why the children in 'topchop' div appearing side by side?

I have not marked the container as a flexbox explicitly. Should the display: flex property ever be inherited from the parent ? https://codepen.io/AccurateArrowz/pen/OPMaBPy...

Figma Offline Downloadable Programs For All O/S?

Does any one know if there is an offline downloadable program simular to Figma that can be used offline?

Does anyone know a tools for restyling figma design in instant ?

so i want change all the assets and all the background color, etc at once....
No description

Does a Section element need aria-labelledby to be accessible?

Hello, Iโ€™m trying to make sure my <section> elements are accessible for assistive technology users. My question is: does a <section> tag need an aria-labelledby to be recognized as a landmark, or will any <h1>โ€“<h6> heading inside the section automatically provide that accessible name? ...

View-transition-class

Can anyone help me understand this ? view-transition-class Is this seperate from view-transition-group? Is it a shared view-transition name meaning every element no longer needs a unique view-transition-name ?...