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

Pat66

5/6/2025

Add content in menu

Hi everyone can I some idea about the way to add text/content within the "coloured vertical bars" https://codepen.io/alpha_66/pen/qEEYQmK...

Neo

5/6/2025

Smooth Video Loop

Is it possible that we can make a video (it is a background video) have a cross pass effect to start video again? I want to loop background video loop seamlessly. -# If possible, I want to achieve it without backend....

Faker

5/5/2025

WebSocket vs Sockets

Hello, sorry to disturb you all, I have a small question. I was reading about WebSockets and Sockets in general. My question is, is WebSocket a "pure" socket in the sense that it's just an endpoint where data can be fetched or sent? For instance, I read that WebSocket is just a protocol that gets updated whenever an HTTP request is sent using the upgrade header and that WebSocket lies on the application layer on the OSI model rather than the transport layer which includes TCP/UDP sockets. I'm a bit confused of how can "WebSockets", being "sockets" lies on the application layer. Would really appreciate if someone can clarify that please....

vinter.

5/5/2025

Children/Parent Rendering Responsibilities

Hi everyone! I am using React to make a timeline applet that renders some values happening over time
I have a Timeline parent, then one Row component for each entry, and each row has some Interval components representing time intervals. The parent stores the timeline information in seconds, then I calculate the px equivalents and place everything on screen. What I would like some feedback on is ...

SelfMadeSystem

5/5/2025

Cool effect I have no idea why it's happening

I accidentally made this cool effect, but the problem is, I have no clue why it happens or how to reproduce just the effect. The intended use of the thing I made is basically turning text into a bunch of dots that the cursor can move about (inspired by igloo.inc). The effect is on https://shenanigans.shoghisimon.ca/collection/textdots/ and can be seen if you click the Presets > Cool Effect that I have no king clue how to replicate button if anyone has any hint of an idea, I'd be very appreciative. I suspect it might be due to the shader and/or browser shenanigans, but I'm not sure...

jgclark

5/4/2025

How to create stacking order where 2 different elements can legitimately be on top of each other?

The images show what I'm building and trying to fix. 1. Normal layout with a tooltip which correctly overlaps the 'Home' dropdown control. 2. Having clicked on the dropdown control, all the buttons that have a tooltip are still shown higher. In this situation the dropdown should be on top. I've read articles on stacking context, and seen 2 of KP's videos. But I'm still unsure if what I want is even possible, let alone how....

5urf

5/4/2025

Why most companies use react not other frameworks?

Others like vue, svelte I saw most job description mentioned react and angular not others...

roelof

5/4/2025

Font is not working

On one of the FEM challenges I had to use a font But on a wierd way I does not work Can anyone look what is wrong with my css file : https://github.com/RoelofWobben/blog-preview-card2/blob/main/style.css LIve site : https://roelofwobben.github.io/blog-preview-card2/...

roger

5/4/2025

Help with image display in desktop and mobile version

Codepen link - https://codepen.io/tobygxgr-the-sans/pen/YPPLyrM

roelof

5/3/2025

What is going wrong here ? Layout is a mess

Hello, I have this so far : https://codepen.io/RoelofWobben/pen/MYYjYKN And it want to look like this : ...

Abdul Ahad⚡

5/3/2025

Help me recreating Mac Genie Effect

https://codepen.io/ahad4387/pen/zxxWozN (my pen) I'm trying to recreate the closing genie effect when I click on the delete icon. I was able to get it till this point. it's scaling down and fading away. ...

San

5/3/2025

When should I use em and %?

After reading about the topic and watching some videos from Kevin, I think I should use em for margins and paddings. I'm using % for input widths to make them responsive, but I'm not sure if that's the best approach. Do you have some real-world examples of when to use em and %?...

bfmv

5/2/2025

does grid css has flex-direction: column/row reverse option

peterpumkineaterr

5/2/2025

unable to design simple UI of dice game.

i'm working for a casino took a contract but looks like my UI design spirit is dead and like i'm unable to design anything as i was off for 10 days cause of exams. this is the ui i designed and i hate it, i tried to search on google for inspirations but i was only getting in gaming style but not in luxury style as this platform is luxury crypto casino. is there any ui designers here ? who can help me out ? thank you for reading and helping i appreciate it....

the_paras

4/30/2025

What does this JavaScript do?

I'm trying to add a simple collapsing section to my website. I don't know JS at all yet. Does this script reference content only within the same file? That seems to be my problem, but I'm unable to confirm. The function seems to break when I move the CSS to the CSS file rather than having it in the same file as the script. I'm willing to figure out enough JS on my own to fix it, but I'd rather not go through all that effort if that's not even the problem to begin with. It's from W3S https://www.w3schools.com/howto/howto_js_collapsible.asp ...

CDL

4/30/2025

React -> Vue Comparison

```js import CoreConcept from './CoreConcept.jsx'; import { CORE_CONCEPTS } from '../data.js'; export default function CoreConcepts() {...

CodeMoon07

4/30/2025

CSS => Too Complicated 😡

I'm a Web-Developer for about 4 years now and I love every aspect of it except for CSS. Don't get me wrong I do like CSS because it has so many possibilities. But that is kind of the problem. I'm currently building my own website and I'm struggling on how to setup my CSS. I'm developing all native but I was thinking switching to Bootstrap or something because designing isn't my specialty. I wanna start my CSS from zero so that all user agent styles are gone for my website but I also want to keep my CSS as little as possible. My head is currently exploding right now because I'm wasting time with this overcomplicated and stupid CSS language. Summary: I just want an easy and effective way to write CSS code without any issues with user agent styles and responsiveness....

Deezy

4/30/2025

Building multi-tenant applications

Hello folks. I need some help with tech decision I'm about to make. I'm less experienced, so inputs from the more experienced folks will be invaluable. I lead a very small team and we're in the very very early stage of the product we're building. It's meant to be a multi-tenant SaaS app, related to healthcare. We expect our customers to have their own users, activity logs and so on (multi-tenant). The tech decision I'm trying to make right now is which database to go with. I already setup postgres with our backend, so we isolate each org's data by postgres schema. But lately I've been thinking about the scalability of the system and after doing a little research, I'm finding that traditional sql databases are not that easy to scale, especially horizontally. I'd have to look at efficiently implementing sharding at that point. I'm tempted to forgo it for now as we literally have no users yet, but I also don't want to do something that would come back and cause the product harm in the future. I don't want to let my team down or incur unnecessary tech debt for everyone. This is the first time I am building such a service, that is, a multi-tenant application like this, so I'd like to know how best to approach this. How are these types handled in the industry nowadays? I hear nosql dbs, like mongodb, are easier to scale horizontally, but I don't know. ...

CDL

4/30/2025

Web Dev concepts/tools - what's essential, and what's optional?

I won't lie, this is an LLM effort (you can see that by reading it), though I've given it as much input as I can... SO... because reading into this is getting overwhelming.. let's discuss! High Priority HTML5 – Semantic structure, forms, accessibility basics....

Patrik

4/30/2025

grid same height for second block via aspect ratio

```html <div class="grid grid-cols-[5fr_3fr] gap-10"> <div class="h-full overflow-hidden"></div> <div class="aspect-[4/5] border border-(--_color) rounded-4xl p-3">...

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