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

help

Having a hard time positioning image

I have the following layout (first picture is actual, second is Figma). I want the image to bleed to the edge of the screen. I'm having trouble making this image look good when I do that. It's an svg with a clip path. I've made a grid element that 'breaks out' of the container. grid-template-columns: 1fr 800px 800px 1fr...
No description

Frontend Projects, 2025

Hi there! I have been learning React for around 2-4 months now and (through courses, articles, etc) and now want to use what I have learned by doing projects. What kind of fun and intressesting projects can I do? Its need to be frontend, and I dont want to do boring stuff like weather app, todo app or something like that! I want to have something to "show" recruiters, something unique.....

What is a proxy in JavaScript, why is it useful?

From what I've read, a proxy is just an object that "wraps" another object and do things on its own and decide whether or now to use the initial object. But this is still vague in my mind it's not clicking, proxies are just like proxies in general, like when someone does an action on your behalf, right? Here, why is it useful, what kind of things can we do with it please.

Ui component library for react

Recently i have strated a new project using react tailwind and typescript and its a mernstack project,but i also wants to use a component library there are so many options available lik MUI,shadcn, chakara,react bits but I'm confused which one to use

Is there a build in method of listing posts with future dates, or past dates?

I'm building a list of events, and need to have it list stuff on the current date and into the future, and another list that goes into the past from yesterdays. Are there built in methods in 11ty to make this happen, or do I need to create custom filters?

How to make this a proper state machine in c++

I have now this c++ code : ``` enum traffic_colors { RED; ...

route problem

am building a facebook clone using reactJs with php in back-end i have this small problem in routing where i wanted to check other users profile it dont take me to their profiles it just take me to my profile instead and in my url it show undefined...

Understanding Promises

Hey guys, I don't quite understand this, it seems quite cyclical? It seems to be defining a term using the term itself?
Promises have two possible mutually exclusive fates: resolved, and unresolved. - A promise is resolved if trying to resolve or reject it has no effect, i.e. the promise has been "locked in" to either follow another promise, or has been fulfilled or rejected....

Css grid, column size defined by row height

hey, i know this is topical because of the Css grid event later today. However i have run into a small wall with a project of mine ...

Preventing form submission without using the 'disabled' attribute.

I am having trouble understanding the MDN documentation of the removeEventListener function, and figured I should just ask, so here is my probably incorrect code that I can't at the moment test: ```JavaScript submitReady(ready){ ...

What is the β€˜best’ headless CMS?

Hello all, I want to learn how to combine Astro with a headless CMS however I’m not quite sure which one I should focus on with my learning. I was wondering if anyone had any recommendations and comments to help give me some guidance when choosing....

What is the Dot com and AI bubble, why are we saying history is repeating?

Hello, quick question, was reading a bit about the "AI bubble", I saw this terms quite often this week. From what I've understood there was another "bubble" in the year 2000, the dot com bubble, can someone explain the history behind the "bubbles", why are we saying that history is repeating itself with the AI bubble pls

My CSS is not showing on my browser

I am trying to build a travel blog with Next.js, Typescript and Tailwind CSS. But I can't see the CSS properties displayed on my browser. It keeps showing the error in the picture Project: https://github.com/kenekc18/Travel-Blog
No description

Confused about APi term

I never quite understood the definition of "API", it's been years now For me in the beginning, it was fetching data from some server like twitter api, discord api, and reddit api, API acts the bridge. But then in MDN docs, some stuff (maybe methods i dont remember) is declared as API. Also, now im reading about promises, its called an API too: https://davidwalsh.name/promises ...

What should the new masonry syntax be called?

The CSS Working Group has resolved to add a new display type for what we've been calling masonry, but it will not be display: masonry. I plan to submit a comment on the issue (which you can find here, but I'm curious what others think about it as well. One thing they have agreed on is the word "grid" should be be included in the name, and at this point I believe there is no fighting that (I also think it's a good call for a few reasons, but I won't worry about those yet)....

Angular 20: Standalone + Zoneless New Standard or Project Specific?

With Angular 19 making standalone the default and v20 pushing zoneless change detection, do you see this combo as the new go to for most projects, or still a case by case call? I’ve found modules great for big apps with heavy navigation and varied UIs, while standalone components really shine in smaller apps or those built from many independent pieces rather than full page to page flows. It goes without saying that you can achieve the same build with either approaches and i am aware of that, tha...

Extend HTML <dialog> backdrop to iPhone safe areas.

I am trying to extend dialog backdrop to iPhone safe area but no luck so far. On the image you can see the top and bottom areas don't show the backdrop. I am using nextjs and tailwind. Code snippet: ``` <dialog...
No description

Three-column page content with blocks

I have a list of things in a three-column layout. I want to add some extra information to each item but I got into the problem that column changes between header and content of a block like in the image (issue is between first and second column). This is my current css: @media only screen and (min-width: 961px) { div.three-column {...
No description

defer vs async keyword in script tags

Hello, quick question, I know that both defer and async will load our external javascript file at the same time as our HTML parser is working. The difference is that defer will only be "triggered" after the HTML parser has been completed. On the other hand, the async keyword would mean that "run the external file whether or not the HTML parser has completed". I always make use of the defer keyword, so I wanted to know some use cases where async is used, any idea please....