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

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;}...

How to mark this text cut

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

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

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",...

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

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

animation with gradiants

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

relative div and button

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

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 ...
No description

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

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.

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

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?

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 ?...
No description

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

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 ?
No description

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....
No description

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