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

Code-S ♛

10/12/2024

How Do i approach this border

you can see it has a weird border any ideas how can i make that?

???

10/12/2024

Help on Ticker

im very new i just need to create a ticker thats seamless, I tried to create one but it animates fully and leaves a gap in between and when its done only does the next one start. using html n bootstrap

AMAN

10/12/2024

How do i put a span a absolute div across the whole page not just 100dvh the entire website

The div simply ends at the viewport height. I have attached the code. Sorry, but I don't know how to post snippets correctly.

R.I.P

10/12/2024

slow animation on corners

https://codesandbox.io/p/sandbox/kind-joliot-5jrqyn go there and u can see that it speeds up on corners so how can i change it? anyidea is acccpetable no boundaries and i dont want just 1...

Ma-Kas

10/12/2024

Vertical writing-mode figcaption refuses to shrink past certain point

Got a banner component with a vertical figcaption (thanks designers). It's normally part of a bigger component, but I simplified it for the issue display (so excuse any seemingly unneccessary extra tags and classes). The figcaption should always take up a % of the parent's height (=the image height). I can't hardcode any sizes, as all content comes from a cms and is only known at runtime. Things work, but the figcaption refuses to shrink past a certain, seemingly random point. To check issue: run the codesanbox, open preview, shrink preview window. https://codesandbox.io/p/devbox/3z3qjm...

Code-S ♛

10/12/2024

Padding nor margin being applied

https://codepen.io/saad-shehzad-the-bashful/pen/mdNRqmg idk why the padding nor margin is being applied to the gabriel_fancy_text i can give margin or padding to the bottom text but i just want to know whats the problem in applying it to gabriel_fancy_text...

10/12/2024

How to create a similar tab selection effect in react.

I'm trying to create a similar react component to what is found on the home page of fxpro.com here's what I have so far https://pastebin.com/raw/Y79EkXkQ...

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

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