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

media queries

i have a question about media queries. For this code ```css @media (min-width: 768px) and (max-width: 1200px) { .logo { height: 90px;...

gradient navbar?

i want to know how this netflix navbar (if it even is a navbar lol idk) is implemented with this kind of blurly/gradient
No description

is this button too much

https://svgzip.com/ would love some general design feedback. I feel like I maybe went a bit overboard with the button CSS animation, but lmk (the background animation is only visiblein dark mode, oop) it looks way better in dark mode so open to suggestions for making the lightmode pretty...

What's a modern simple logical layout I can use for the main logo?

I'm working on a website for my dads business and I just want to keep it really clean and modern. There is almost no functionality to the website its just displaying information (interactive map, probably will add some conact form, etc) I think I'm happy with my landing page, the still image will be replaced with a drone video collage that I will film when its good weather but I'm mainly stuck on what to do with the logo/title of the landing page. It feels out of place up there when I scroll. An...

UX Mobile Page scrolling...

On mobile i have this weird shiftin where container goes up and down when scrolling. I dont understand why it does this, its not because of the gsap animation because i tested it. I also made the font bigger and it does that but why. Or if its not the font, what does that. https://batman4ever87.github.io/jussi/...

UI design tools

I’m looking at getting into UI/UX design, has anyone got any free tools/resources, that they use?

I am not happy with the visual appeal of this UI design.

Can you suggest any changes that I can make. So it look more cool
No description

I dont now what to put here

I don't know what to put to a farewell button after the customer is done shopping, its the (Fatality!) button, any suggestions please 🙏
No description

I am using framer motion, but the animation on exist for front-card is not working

```jsx //--------------------------------------------------- const FrontCard = ({ phrase, open }) => { return ( <motion.div...

how to make this layout.

😩 how can i create these four spaces while leaving space for center logo which i will get in using absolute.
No description

Fixing typeface artefacts

Does anyone with knowledge of font rendering know how I can fix this issue? It seems like the point at the top-right of the H's cross-bar drifts around depending on the browser and the level of scaling, instead of consistently lining up with the point below it. It feels like it some sort of rounding error like maybe it is snapping to some underlying grid which I can't see. I can edit the points in fontforge but can't see any attributes of that point which would lead to this....
No description

Animation: what do you call the animation in the video?

I am looking for resources to implement it.

How do you make a child element transparent when the parent element is blurred?

Hey folks, how do people make a parent element that is blurred with child element that isn't? An example would be the header for this website where you can see behind the blur in the header's .border div https://springsummer.dk/...

Website for Discord Bot

is it good enough? idk did i made it too much for a Discord bot?
No description

What's not working here? I can't put my finger on it

I'm working on a landing page for a friend, so the content is coming from a CMS. This means I need to make the styles fairly generic so it works with any article he makes. I was fairly happy with the outcome, but looking back at it now, it feels VERY off and I don't know why. Feedback would be greatly appreciated ❤️ Website:...

Button coloring with a imaged background

It's proving quite difficult to find the right color to make this not look out of place/tacky.. I think perhaps the image has too much going on around the center, so it's causing a bit of a clash of colors, and the button may not be ideal for accessibility purposes. If anyone has any ideas on either a better way to display the button, or a better way to deal with the image background, that'd be much appreciated 🙂...
No description

My first landing page

So I have messed around with Figma a little before and learned to use some of its features but I didn't really realize there was so much formal knowledg available about design so I was just doing whatever I thought of (turned out not so great all of it). Then I found a new keyword to search up "design composition" and wrote a bunch of stuff down about about it (trying to learn / self study). Now I made a landing page (my first one really) and I wish I could get some feed back on it. I'm not sure if there is an expected way to share it on here (like it is sometimes on irc where you're expected to use certain tools to share things). Any advice? Its just fictitious content in it. Made up. Link to file on figma (should work for anyone): https://www.figma.com/file/8EaYLg35AnrmN2nBczON1Q/Landing-Pages?type=design&node-id=0%3A1&mode=design&t=ZdHF1XbYU9q17kQx-1...

Revamp Benefits & Toolbox sections

Before starting the implementation, I am looking for a feedback of the new new design? the current design is ok, but it need to be more than ok to get visitor to get in touch.
No description