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

Need Feedback and Advice on Live Client Site

This is a website I coded for my personal trainer as a favor to her and practice for myself. The entire website is currently just HTML, CSS, and Vanilla JS but will shortly be updated to React and Typescript, mostly as practice for myself but also to transition the site to a SPA. A SPA is certainly overkill for this but again the practice is needed for myself and this feels like a good site to implement that functionality. I am by no means a designer, I am far more developer focused and that is...
No description

Looking for inspiration on nice background for my website

Hello. I love background dub.co has on their website. It's like you can barely see it but it just adds nice feeling when you're there. Does anyone know some other websites with similar background gradient and grid? I'd like to use them for one of my projects, so might as well find some more inspiration on colors and stuff....

Need helping to figure out the reason: Flexbox

Hi all, I need help with Flexbox. Here is my slider, I want to set that each of item in the slider takes all of the space of the frame. But i don't know it didn't work like what I expected And here is my CSS Please help me with it ...
No description

why this happens when i try to unit it ?

this curve i made from pencil and when i tried to connect it with S it made new straight line i don't know why but then i tried with pen tool i drew it and now i'm trying it's happening again.

need feedback for layout design

I need a layout that improves my design. Do you have any suggestions?
No description

Stop the carousell when we tap on it/ hovering on it

How to stop the carousell when we tap on it/ hovering on it, then continue when we not hovering on it? Maybe anyone can help me, thank for ur help, you can edit on this link https://www.figma.com/file/tcrs0j6K73Kx8CF4Hu8VAL/Untitled?type=design&node-id=21%3A51&mode=design&t=WQAemtspJCtFJQPU-1...

carousel picture on figma

How to make last pic automatically go to first pic without blurring other pics? I want it look like a circle. You can edit the desing below, thanks Link ...

Review webapp project

Hi guys, i'm working on a ecommerce project on school. This is my figma desgin project. I really need reviews from you guys and how to improve my UI. Thanks alot https://www.figma.com/file/Vr32Wi7RiLMS1Qk2eOMeXO/Full-E-Commerce-Website-UI-UX-Design-(Community)-(Copy)?type=design&node-id=178%3A3781&mode=design&t=JHYjLdkCU4jHS7Xw-1...

Blob generator with colour steps

Does anyone know of an SVG blob generator that has colour steps (like the attached image) but will show the whole blob, not just one corner? I am going for blobs like https://1.1.1.1 uses
No description

guest browsing frame design on figma

I want to create an design on figma where users can see see the menu without logging in, but if you want to buy, you have to log in. for example, make a page choosing a menu. does the interaction have to distinguish between the logged in user page/frame and not logged in? so make a duplicate page/frame? Or there's effective way for it? Thanks

I want to display Purpose & Benefits of using our product on the landing page.

I have 2 purpose points and 3 Benefits points each with 2 sub points what is best to display them?

open mobile alphanumeric keyboard with numeric showing first

Most US street addresses begin with a number. Is there any way to set an input field to show the numeric part of the alphanumeric keyboard first? The only thing I've been able to find is inputmode=numeric, which doesn't allow alpha at all on my mobile device.

figma prototype & component, why doesn't the interaction return to its original state?

Hi all, I used a component. I want to ask this when I run it, then click on the interaction and click "next" to the next page, then when I return, why doesn't the interaction return to its original state? I mean before clicking the text is white, after clicking it turns purple, but when I return to the previous page why is the text still purple? You can edit my figma, Please help me thank you. Figma link...

Parallax background image in sticky section headers

I have a fully functional CSS only layout for a Kanban component. It works fine. What I am struggling with are the swimlane headers on a gradient background. Attached are two images, one with the swimlane headers with a background gradient (fixed) set and one with the background removed to show what it is hiding (see the second image). What I am trying to do is set a gradient background to each header so that when I scroll, it needs to be transparent. I am struggling to implement parallax background for the headers with only CSS. I could do it with JS but really do not want to....
No description

help me choose one design in terms of both functionality and aesthetic.

this is a library section for an online reading app comprising of the user annotations, bookmarks and current reads. Here are all the versions that I've designed for the annotations page however I can't decide which one is more suitable in term of both functionality and aesthetic, the first & second one are well defined however I think the spacing in the first version is a bit too tight while the third one looks clean & simple. Constructive feedback would be appreciated. ( btw the rectangle just...
No description

CSS background image issues

Hi! I'm trying to make a responsive website, but one of the pages that Im working on is giving me quite the hassle to figure out. I'm trying to get the background photo(The man with the kid) to cover the page and get the form below it to be on top of it, but nothing's working out. I hope I can get your expertise on this matter. Thanks for the help in advance!...
No description

how to use a response from an api request

i got this response from an api request and i jusr want to find out how i can use use this information? Is it like an array where i can access the elements because that does not seem to be working. Also what is the procedure to use this in html or can i only use javascript to use it? Not sure if what i said makes sense lol
No description

make this look less bad

this is a country leaderboard for a geoguesser game. Not sure how I feel about the medal emojis
No description

unclear and grainy background image

i downloaded this netflix background image from the web but its quite grainy and not as clear. How do i get it clearer or to at least look decent? Does the image have to be a certain format?
No description