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

why can't we use justify-item in flexbox but we can in grid?

Hello, can someone explain why we can't use justify-item in flexbox but it works in grid, what's the difference?

Why do devs prefer linux/mac for development rather than windows?

Hello, quick question, why do people prefer linux over windows when it comes to developping stuff? I'm used to windows so I only have windows experience, will really appreciate if someone can explain why other people prefer linux/mac for coding. From what I've read this is why microsoft has enabled WSL. When it comes to using linux machine as server rather than windows I understood their pros we don't have licensing etc....

Make select options show full width

Client doesn't like the select options cutting off (see picture #1). They want it like picture #2. This works fine OOTB in Firefox, but it doesn't work in Chrome only when you initially click the dropdown box. If you click it again, it'll expand the width like it should. Any suggestions?...

Is anyone here intersted in mentoring me

Hi guys, I am looking for a senior front-end developer to mentor me and help accelerate my skills and career. Here is my LinkedIn: https://www.linkedin.com/in/ayman-na

Need help with this Layout

Hi, guys, for a few days I'm struggling with this layout. Can anyone tell me how to archive this layout? Problem I'm facing,...
No description

In which scenarios is flex-basis useful, how does it differs from min-width?

Hello, was just refreshing a bit, was wondering in flexbox, when do we need a flex-basis? I was watching a video where we set the flex-basis of the flex items to 100%, what does that mean? In the video, there are basically 3 items, what isn't recommended is to set it to 33.3333% but setting it up to 100% works and make thing responsive, can someone explain why please. Now, how does flex-basis differs from a min-width? Isn't it the same thing?...

Mentorship

Please families I need a contact of a mentor that will be mentoring me Both on giving me projects to do and tasks to complete Please 🙏🥺...

Font Awesome / Icon Fonts?

I am returning to doing more contract work after a few year break being an instructor. I was wondering if web projects still use icon font solutions like Font Awesome to quickly layout and stylize icons for large projects. I have heard there may be some accessibility issues using icon fonts. If you work on large projects does your group use icon-font solutions like Font Awesome? Just curious....

download the mask image or the orignal image

hi guys i was wondering when you implement a figam design do you download the masked image or the original one

Wiggling / Shaking svg in sticky header

Hi all, When i set my : .header { position: sticky; ...

diagonal borders

Well, I tried ``` <div class="top"></div> <div...
No description

need ui suggestions

I had 2 input fields as user name and DOB in react native but is there any other Incan enhance my ui design in picture below , any advice or suggestions would be nice , Thanks in advance
No description

Header + Hero BG Wrapper

How can I accomplish the background image being on both the header + the hero? (For context, maybe there is an argument that the single "Tech Book Club" logo shouldnt be inside header. But I wanted to simulate an example of a page having a proper header) I'm self-taught, so a lot of my information comes from ChatGPT. And the only solution it's telling me, is to wrap both the header and the hero inside a div and then of course put a bg-image on the div. ...
No description

Integrating AI/ML stuff in websites

Hello, I want to learn a bit of AI/ML stuff to be able to build recommendation systems, sentiment analysis and other stuff. For example if we are building a website like netflix, I want to be able to create a movie recommendation system. There is also stuff like AI agent, don't know the concept yet, but seem interesting. I want to train my own model. Like using my webcam to identify objects etc. So I was wondering, how far should someone know AI/ML to be able to do that? Does that require learning the theoretical stuff?...

Password complexity constraints, yes or no

I was going through best practice for password constraints. Happened upon nist guidelines where they discourage complexity constraints and instead suggest depending on length (minimum of 8) and blocklist , password generators etc. https://pages.nist.gov/800-63-4/sp800-63b/passwords/ Is it better to not enforce any "must contain special character" constraints then?...

direction: rtl and text-align: left causes symbols to shift around

So I know this is definitely an edge case but I think my issue is very valid. I need to show a bunch of file paths in a list where the beginning of the path isn't so important so I want the overflow ellipsis to be at the beginning to show the file name in full I tried to do this with setting direction: rtl and text-align: left and it works great However, for file paths start start with _, that underscore gets reordered and shifted to the very right. Is there a way I can keep the string intact?...
No description

Center last row in grid

As the title suggests, i have a grid with 4 columns and some rows, but im left with a single item in the last row, and i would like to center it, so the last row is in the middle until its a complete 4 item row if that makes sense, i have done it with flex wrap before, but i would like to use grid

CSS transition behaving weirdly

I'm trying to animate border-radius but I found that it doesn't behave like expected. Even though the transition seems to work in the devtools (I can see the border-radius changing values), the UI seems to start the animation with a weird delay (which doesn't go away even after setting transition-delay: 0s;). Does anyone have an idea why this behavior happens? Here's a JSFiddle

Proxy in JavaScript

Hello, can someone explain what a proxy is in javascript please. I know in general, a proxy is something doing an action on the behalf of another thing. In JS, from what I've read, a proxy is an object that have the ability to modify the characteristic of another object?

Help with getting starting Hosting a Website and Emails

Hello. I should make my mum a simple website (onepager) which I can do either myself or in a CMS. But I have no Idea how hosting and buying a Domain works. I tried looking online a bit but there is just so much out there. Anyone can recommend a good source to educate myself in that regard? Also she is interested in getting business E-mails (3 I think) too any recommendation here would be welcomed too 🙂 Pluspoints if its specific for DACH region as I am from Austria. Dunno if that even has any influence. ^^ Ty...