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

R.I.P

10/12/2024

in keyframes can i do a percent of a percent

hi(im getting banned for sure lol so many questions + stupidity) ```@keyframes background { 0%{--deg:45deg;} 50%{ 0%{ --deg: 45deg;}...

Code-S ♛

10/12/2024

How to mark this text cut

you can see one of the price is like cut how do i cut it in css?

R.I.P

10/12/2024

is it bad to use -numbers in margin padding insets translate and other stuff

hi guys i was wondering to know this

top: 50%;
        left: 50%;
        translate: -50% -50%;

top: 50%;
        left: 50%;
        translate: -50% -50%;

is bad?...

lko

10/12/2024

How to get information when doing promises?

I'm not very familiar with promises, but I have something like this: ```js const plugins = [ { name: "Swiper",...

clevermissfox

10/12/2024

.visually-hidden creating overflow /horizontal scrollbars on html element?

I have been debugging this for days and couldnt figure out wtf was going on; finally narrowed it down to the position: absolute on my .visually-hidden class? Why on earth is this happening? i use this class all the time! and the same copy and paste class so its not like i just wrote it and ordered it differently or something , (did move position absolute to the top for easy discord access but usually its between overflow: hidden and whitespace: nowrap) https://codepen.io/Miss-Fox/pen/VwoKNOM?editors=0100 ...

Chrislizardc

10/11/2024

CH vs PX for container queries

Hey all what is your opinion on using ch units for mobile responsiveness for example

@container carousel-container (max-width: 100ch)

@container carousel-container (max-width: 100ch)

Or is pixels betteer for width in your opinion. I have seen @Kevin Powell use ch for making mobile responsivenes containers, but isn't it clunky?...

R.I.P

10/11/2024

animation with gradiants

hi how can i get a animation css like this ```.dd2::before{ content: ''; position: absolute;...

BadBoy_YT

10/11/2024

prblm on vertical align

here is my codepen link https://codepen.io/GOPI-CHAND-SADINENI/pen/xxvgVYq...

R.I.P

10/11/2024

relative div and button

<!DOCTYPE html> <html lang="en"> <head> <style> .dd1{...

R.I.P

10/11/2024

relative

hi when i add a div with relative position with purple background and got nothing else in it then added 4 or 5 absoloutes in it and it was perfect ...

zobweyt

10/11/2024

Choosing between dependencies and dev dependencies

I understand various types of dependencies when making libraries, but I still can't figure out whether it's worth dividing dependencies into different groups for applications. Let's say I use Vite, and how do I figure out where to put it? I use it for building and for running the app after it's built in production. So do I actually use it for production? Should I put such builders and runners as Vite in regular dependencies? Also, I use SASS. I know that It's needed for the building stage only. So should it be a development dependency? This leads me to another question: is building considered part of the production or development stage? Should dependencies required for the build process be placed in development dependencies or regular dependencies?...

snxxwyy

10/11/2024

e.target vs e.currentTarget

Hey, I don't really understand the difference between .target and .currentTarget and when to use them, could someone please explain? Thank you in advance.

AYMAN

10/10/2024

exportimg images with mask

Hi how are you doing I have a simple question Wich is that when you want to export an image in figma it is okay to export the image with the mask or you remove the mask and then export the image and tried to make the same effect of the mask with css

AllaN

10/10/2024

Is it possible to have click based menu dropdown in bootstrap via CSS?

I am looking for a solution where we have default bootstrap based dropdown that open upon hovering, can we have it opened based on click via CSS and not JS?

theboyduddus

10/10/2024

what is causing my items in the header to stretch in big sizes?

https://codepen.io/Adhurim-Gashi/pen/yLmVRZJ pretty frustrated, how do i fix this?...

samidev

10/10/2024

It doesn't start the project ?

It only stays like this, almost 10mins and still nothing ? It is nextjs project with mantine ui Can anybody help me ?...

Faker

10/10/2024

JavaScript local storage, storing data, sending data from login/sign up form

Hello guys, sorry to disturb you all; I've just learn some JS basics but I now need to learn how to store data so that my data persist like say I want to store a particular game score for a particular user, I need to know how to do that and also, transfer data during login or sign up. However, I don't know where to start or more precisely, I don't know what should I learn, can someone clarify it for me please, like on what should I read please

i_lost_to_loba_kreygasm

10/10/2024

Can anybody tell me how to approach this layout ? Please see the attached image

Do I need to group the images/assets in figma and use it as background image ? that feels the most logical approach to me or do I need to place each image with relative/absolute positioning ?

A A Yusuf - Abqariyuh

10/10/2024

Tree View For Sidebar Nav Drop Down

Hi, I was working a project and had to create a filter, kind of sidebar navbar. Please see the attached image and help me achieve that....

Sleep Twitch

10/10/2024

Change order of elements to horizontal instead of vertical with CSS Columns

Hi, I used the example of Coding2Go (nr 2 in this video) to create a masonry layout using CSS Columns. But Columns distributes the items first in column 1, then column 2, then column 3. What I would like is that the elements are distributed from left to right and then top to bottom. https://www.youtube.com/watch?v=44FTAS-qT8Q...

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