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

help

NeilVanGotham

12/26/2024

Animate to just the initals of a name

Hello, I have been trying to have an animation where a name is reduced to just the initials. I have tried setting keyframes from width: auto to width: 1ch (with interpolate-size: allow-keywords; set), but 1ch is too small to have the letter fully visible. Then I have tried setting the letter spacing to 0.2ch, and have the width animate to 1.2ch, but not every inital has the same width then. ```html ---...

ilyes

12/26/2024

What do i need to know how to do in JavaScript ?

hi iam a beginner in frontend learned html and css last year got a good grasp of the basics which implemented it in one or two projects so jumped to JS and oh boy !! the feeling of knowing nothing after weeks of js learning is frustrating. Learned the fundamentals practiced here and there like WesBos 30 js challenge (which is free by the way) one of his challenges was to change css variables via js ,i like it so much it showed me the practical use of js in a website unlike other projects that you cant implement in future my 2 question are : 1-what are some things must know how to code that i will use in future in client website allegedly ?...

Nena

12/26/2024

Navigation within a hero image

hello @everyone! I'm trying to put a navigation bar on a hero image.. for some reason I get the navigation beneath the photo... How should I position navigation where I want it to be? I deeply appreciate every suggestion and help ... 🙂

Dovah

12/25/2024

'touchend' event triggering RightMouseButton?

https://idyllic-raindrop-f32a0c.netlify.app/ I have this weird thing happening when I go to mobile view, click "add to cart" and then hold "+"/"-" button so that it start incrementing number on hold, at the end it triggers RMB window with "inspect" and other options. Anyone knows the reason?...

i_lost_to_loba_kreygasm

12/25/2024

how to make timeline and this layout as well ? flex or grid ?

Dovah

12/24/2024

Increment number by holding a button with mouse click or screen tap?

Any simple way to do this? 1.Increment needs to stop when cursor or finger leaves the button, or when you are no longer holding it. 2.Only tap or LMB(Left Mouse Button) should activate it. No weird stuff like double click or RMB....

noob

12/24/2024

how to change the default style of selected radio button

Hi guys, I wonder how can I change the default style of selected radio button

dosalover47

12/24/2024

can someone pls help me with gsap achieving stacking effect from https://www.btsbioengineering.com

Here is my codepen https://codepen.io/dosalover47/pen/RNbggzP?editors=1100

Nephos

12/24/2024

Input number issue

Good day to you all. When the type of my input is set to number i am unable to limit the number of characters be typed using maxLength. When i use tel,other numeric characters are also being inputed. Any suggestions on how to go about this .

McMarty

12/23/2024

Tips for writing clean, maintainable CSS

I am getting back into web development after like 8 years off. In the past, I created a fairly elaborate website, but the code-base was a bird's nest and unmaintainable. Am currently building a responsive. mobile-first replacement for the aforementioned website, and I want to learn how to code like a professional front-end developer, and write code that is CLEAN, CLEAR, CONCISE, SCALABLE, and EASY-TO-MAINTAIN. For now I am coding PURE HTML5 and CSS3 and want to stay away from frameworks as that won't help me to become a better developer....

Rultar

12/22/2024

Button with inverted rounded corners + border

I am trying to recreate the attached button in CSS. This button has inverted rounded corners with also a border on the whole button (also on the corners). I am able to create the rounded corners but I am with the borders. You can see what I have here: https://codepen.io/Rultar/pen/emOWqBx...

Nick

12/22/2024

Animating clip path with gsap?

Anyone know why animating this clip-path isn't working? It's just jumping from the initial to end state, and I'm not sure why :/ https://codepen.io/nwoodward/pen/bNbWJKK?editors=1010 ```...

usama

12/21/2024

Complex Figma gradient bgCSS

Hey good folks, hope y'all enjoying family time. Ok so I have this complex gradient made up with all different kind of vectors and shapes (image attached and youtube video attached as it wouldn't let me upload it here due to size limitations) https://youtu.be/PcZ7Zpruz7Y...

Daniel

12/21/2024

Nesting grid / flex elements

I'm experiencing difficulties using flexboxes or grids inside a grid container. What are the key considerations and potential conflicts between grid and flexbox layouts that I should be aware of?plz

Tabletop

12/21/2024

access Pinia variable dynamically

//can I do this??
const store = useStore()
const { ${my_dynamic_var } from storeToRefs(store);

//can I do this??
const store = useStore()
const { ${my_dynamic_var } from storeToRefs(store);

...

Helgi

12/21/2024

hover effect

https://codepen.io/etrbbr/pen/pvzPapj hey guys. i need little bit help, so what i am trying to do: on hover effect block still remain opacity, but text need to be clear without opacity and black. how i can do it?...

Mr_Unik

12/21/2024

How to learn JavaScript?

Hello Everyone! I'm Learning Frontend development, I just completed HTML and CSS and started learning JAVASCRIPT but I am kind of confused about whether I learn JS in-depth like to first follow NAMASTE JAVASCRIPT youtube series by akshay saini first or learn just some basics and move to the DOM.
Can anyone please tell me how I should learn JS and what I should do next after JS? Some sort of Roadmap? ...

i_lost_to_loba_kreygasm

12/21/2024

does image size matter when creating grid galleries? right now I dont see uniformness

```html <div class="container"> <div class="grid"> <div class="image-block small-image"> <img src="img" alt="Placeholder Image">...

богдан

12/21/2024

horizontal overflow as soon as page is scrollable

hello, I have an issue where I get overflow-x on the page as soon as there's enought elements to scroll on Y axis. instead of just being Y scroll? this happens when I minimize the tab too, content becomes Y-scrollable, and X too?

Dev_HK

12/20/2024

How to debug css for different mobile browsers (iphone/android)

so i deployed my website & one thing that i saw was how different an element was painted in iphone devices vs android & web the first two images are on an iphone (first in safari & the second on chrome) meanwhile the last two were taken from an android phone (one on chrome & the other on brave) ...

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