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

vic

8/6/2024

need help with navbar and contents in reactjs

NavBar Component ```js function NavBar(){ return (...

Dev_HK

8/6/2024

how feasible is this in css

VXLN

8/5/2024

Text dissapears when set to relative

Hey I have the following code, I'm trying to recreate this code pen https://codepen.io/KACTOPKA/pen/qBMeKeQ but in react For some reason when I set my text to relative it hides the text but not the boxes ```css...

João_VDS

8/5/2024

Best Video Call SDK for React

Hi devs Anyone who has worked with video calls, what do you recommend? More specifically for react. ...

8/5/2024

JavaScript Array Manipulation: Issues with forEach

When i want to modify an array like below, it doesn't modify the original array. Why is that? ```let gameBoard = Array(3) .fill() .map(() => Array(3).fill("X")); //Create 2D Array ...

francis

8/5/2024

Nested Routes

Based on this example, when I visit the '/user' path, nothing is displayed unless I go to one of its children, like '/users/eduardo' do i need to define a separate route for '/user'.? ```js...

Kiran

8/5/2024

How to Animate an SVG's frame by frame ?

I have a few sets of SVG frames that I need to animate. How can I achieve this? I have shared some animation videos and frame examples for each set of frames, and each set has a different approach to animation. Is there any library that can help me accomplish this? Your assistance is much appreciated. Thank you in advance.

glloq8

8/5/2024

Mask on photo with transparency

Hello, I have a problem with an html integration and I have no idea how to do it. ...

DEEP KOTHARI 🚀

8/5/2024

Single Click Navigation and Swipe Animation for Custom Slider

code link : https://codepen.io/deepk2891/pen/wvLdZqR Hi everyone, I’ve created a custom slider using JavaScript for my website and I’m looking to address a couple of issues:...

bucz

8/5/2024

AJAX or fetch()?

Hey everyone, I just finished learning HTML/CSS and a bit of DOM manipulation. I decided to learn jQuery because it seemed easier for tasks like hiding or showing a div with a button click and adding some animations. Recently, I came across an AJAX course on YouTube. After some research, I learned that AJAX is connected to jQuery and allows us to update data without reloading the page. I'm trying to understand the POST and GET methods and discovered that I can create things like chatbots with AJAX. However, I also found a video mentioning that there's a more modern and easier way to handle these tasks using the Fetch() function in JavaScript. Since I'm new to backend or server fetching concepts, I'm excited to learn something new. Can anyone give advice on whether I should stick with AJAX or start with the Fetch() function? Any tips or resources for beginners would be greatly appreciated!...

Mega

8/5/2024

Can someone explain to me why this is happening?

Context: I'm performing the challenges, and when I tried to zoom in, I saw this! Problem: I'm confused on why my background color is not taking the whole screen when I minimized it? Could someone explain why this is occurring and how I can solve it? ...

Zach Jensz

8/5/2024

`1vmin` and `min(1vw, 1vh)` are the same.Change my mind...

1vmin and min(1vw, 1vh) are the same. Change my mind......

davidshare(DevOps)

8/4/2024

how to enable horizontal scrolling for a div wrapping a table with many columns

What I hope to achieve: a table within a container surrounded by padding but scrollable horizontally and vertically What I have done...

interpod

8/4/2024

How to handle small screens in css ? Is small font good practise ? (shadcn-ui + tailwind)

This question is coming back regularly to my head when i deal with responsive design for small screen especially. I am using shadcn-ui and tailwind for design. Default font size is 16px (iirc). For desktop everything seems to be fit well but when I am doing responsive design its not so awesome. For example, iphone 16 and card component, seems like padding and text is too big, could be small i guess. ...

Cocoman

8/4/2024

Really slow css

Is it even possible write css that make your page lagging? I have some animations and transitions but there isn't that much contect so that could lag. How to find what causing that lags?...

Code-S ♛

8/4/2024

Idea on how to make it responsive

Hi guys, You might remember this page from some of my previous posts. I redesigned it using real code, avoiding position absolute on every element. Now, I need ideas for how the design should look on smaller screens. One idea is to make everything into a single column. Do you have any other suggestions that would be easy to implement? 😅 Let me know if you'd like any further changes!...

interpod

8/4/2024

How to create two aligned columns with unknown items size.

I have card like this: https://codepen.io/H4ds0n/pen/RwzVMKG What I want is two columns (i do not know the width of label and its percentage at build time). Two even grid column is bad because parent container is too big for its children....

sahdjkhsajdsadsajd

8/4/2024

Media Query Not Working

Hi, I have a custom cursor that I would like to disable for mobile devices. However, the media query display: none that I'm applying dosen't seem to work. ```<div class="media"> <div class="cursor"></div> </div>...

benji_hunt

8/3/2024

curve issue

Hello everyone new here, just had a quick question I'm struggling with something and I hope I could get some guidance. I'm trying to recreate this curve at the top here in the image.

Rainier

8/3/2024

website translated

Hello!…this is my first time posting in here, hopefully someone can help me out with this, I just built a website with html and css, so far so good until I randomly translated the website from English to Spanish and a few things, specifically texts, got all messy, do you you how I can fix that? https://ui-designx.netlify.app...

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