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

Start make web App from 0%

How can I model the movement of user A in my app in an abstract way? I don't want to complete goal xy. A big picture of my app. to test the Concept design later...

UI looks zoomed in

I designed my UI in figma but when I built it out in css it looks zoomed in and zooming out the browser window to 90% actually makes it look really good. This seems to be a common occurence for me can anyone tell me how to remedy it so that it looks like 90% zoomed out by default

Create a website for a poem/book

Hey folks. A friend of mine is an excellent poet and he has a poem that he thinks is hard to get accepted by a publisher so I convinced him to create a website, showing the poem like a digital book, with transitions animations and a link to buy the digital book. Now I want to know if anyone know some examples of websites like this in order to get inspired.

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
Next