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 some ui recommendations

So totally 6 images I sent here , all the contents was in 1 page and similar like this I have other pages as well but content would differ , when I saw this It kinda seems like I reading in Wikipedia so kinda I need any recommendations or iconsor image I can add and my site is based on digital marketing
No description

i don't know how i can do responsive on a design

hey everyone, so i struggle to do responsive on a website that i'm working, on, not the css aspect of it but like on the design itself meaning this ; i was given a design & i was told to make a website looking like this; the bloglist & single blog; so i made something that somewhat looks like it ...
No description

Figma Question

Hi, I'm new to Figma. One thing that has been bothering me is that it seems there's no built-in way to slot in components inside other components. For example, I'm building this search bar + search suggestions component. With the way I have it set up right now, I can have one search suggestion inside the search suggestions container, but if I want to add more, I have to add it inside the master component, or detach the component instance. Another thing I wanted to do was build a page layout component to keep a consistent 20px left/right padding on all my pages. But again, I can't insert content inside instances of the layout component. I don't know, is it a bad idea to try to add padding this way in the first place?...
No description

I want to make product cards with size and prices

I can't figure out how to make it look good. Any ideas? Image #2 was the best I could come up with but it doesn't look all that polished. I don't want the price and size to be hidden under a collapsible bar on anything....
No description

Looking for feedback on my blogging website

Hello, I am looking for any feedback on the content, readability, design or anything would greatly be appreciated . Also I would like some feedback on styling my Tables of Content. Should I do list-style: none; on all the li elements or just the children of the li elements? https://blogbydave.netlify.app/blog/...

Looking for feedback on this gym app design I am making

Making this simple gym app for users to track their workouts, bodyweight, strength and calorie intake using only one app. I am more of a software developer so am not really well versed with design guidelines other than a few so would love feedback if I have violated or haven't implemented some of them to keep in mind for further projects. The stuff I need feedback on are: 1. My color combo is the blue and light beige color, so in the navbar I thought to use white for unactive tab since its a standard, but I feel like they aren't that contrasting as compared to active tab so user might have difficulties seeing it especially in bright conditions. Any ways to make them contrasting while keeping the same color combos or should I change it? 2. Most of my pages doesn't have the back button because I am thinking to use swipe back, but I don't know how good this is in point of UI view....

Looking for ideas on visualizing activity over time

I'm building a site for keeping track of my progress towards goals/resolutions during the year. Beginning of the year I would set some resolutions and then every week record whether I worked towards it or not and a note. Note is either what I did, or what prevented me from doing it. My inspiration is GitHub's activity map. I like the idea having an 'at a glance' view of how the year is going. My first attempt was to go vertical. It would be mobile friendly, but I couldn't find a good way to annotate which column belongs to which resolution. Second attempt was to go horizontal and use lines (or spacing?) to visually group resolution and progress together. Unfortunately then I can't think of way to add time annotations. Without those it's harder to see things like "in march I was terrible about walks, I wonder what happened?"...
No description

Need Your Help: Choosing the Perfect Homepage Design for AlgoCraft Systems

Hello guys, I’m working on deciding between two homepage designs (homepage 1 vs homepage 2) for AlgoCraft Systems, my web development agency. Each design has its strengths, and I’m trying to figure out whether to go with one as is or combine elements from both. If you have a moment, I’d love to get your input. Which approach do you think works better: simplicity, bold creativity, or a mix of both? Let me know your thoughts!...
No description

Help with responsive layout

In the pic, I have a div that contains the three separate colored divs. Without using media queries as much as possible I'd like to have it as it is full screen with flex-wrap to when the screen decreases to no longer have the blue div, it goes right below the green div and is centered. Then when the green div can no longer be shown, it wraps down to below the red div and the red div is now centered. The red div is also an accordion that is flex-direction: column. Is there any way other than med...
No description

Need some feedback on how readable my content is

Hello I am making a step-by-step guide and want to know if my images are readable. I display instructions in text as well so I was wonder if I should display the entire "Window" of content or to crop it so the text on the images appear bigger https://blogbydave.netlify.app/blog/2024-10-30-virtualization/ For to see the entire blog...
No description

what can I try to add a better ui here in this img

Idk what background design or any colour should I try with this ? Or can anyone tell me how can I improve my ui skills in frontend.. and what combinations of bg design in that form bg I done with the home page which is the first page to display in ui but idk what can I try after this pages like inside route pages Thank u in advance...
No description

how to design this accessibly in a web app

I've been asked to create a web application to replace a word document which is currently being used for a review process. One of the questions in the document is to circle 2 words that apply most and strike 2 words that apply least How can you design this interaction accessibly? Right now, the only way i can think of is to just split it into 2 separate questions and work with checkbox hacks to identify which ones are selected...

Which navbar style looks better. Transparent or opaque?

The hero background is just a video so ignore the changes there. Now coming to the navbar, I wanted it to look professional. I like the transparent one but a few people have told me opaque looks better. I am divided now. I am open to new suggestions as well....
No description

References/examples of what this design is called?

I want to practice recreating this folder divider design or just knowing how to make these kinds of shapes with html and css. Can't really find any references on google however. If anyone could point me in some direction that would be appreciated, thanks.
No description

How to make a page both scale with viewport size and also be accessible for people zooming in.

Making a page responsive, I've once resorted to sizing elements with vw/vh, however that can make it difficult to zoom in on text so it's bad for accessibility. What's a good general approach?

feedback for mobile design

im a frontend dev but i was messing around with figma and i made a design for a mobile app . i was going for a minimalist deign could you tell me if this is looking good or should i add color
No description

Table mobile design (large amount of field)

Hello. I have a working table displaying information about transactions done on blockchains. It got a large number of field about values like dates, cost price sales price slippage.. 13 field in total. pluss actions like checkbox selection and icon for opening menu where you can interact with the field like setting manual prices. This is a MUI data grid table. ...
No description

Feedback on space themed website

I made this site for a friend and tried getting creative with it. Feedback would be appreciated! https://space-precision-systems.com/...

Grid with minimum aspect ratio

I have a grid that shows images. I want to have 3 cola but also want the grid to maintain 16- 9 aspect ratio always without overlapping if there is no way to keep aspect ratio the grid should creat another row

Feedback on a login and sign up screens for a phone app

I am developing a fitness app and i am not sure if i forgot anything in this design, also i would like to hear if you like how the colours match and if the font size is good. Big text on the top is 32px Sign up is 16px inputs are 13px password requiermants are 8px...
No description
Next