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

Looking for UI help, tips, or advice

I am working on a recipe app and i have this page as one of the create options. I feel like this page isn't as clean as it could be, any advice appreciated!
No description

Best web project to get hire ?

hello im studying web dev for over 2 years and i use tall stack currently im focusing to build project to get my first job but not sure wich web project is good? i currently build Advance Ecommers , learning management system , job board , school management ststem , ( all full stack) im not sure what should i do should i still make more project or try applying for jobs ?...

do while loop help

```javascript function cpuChoice() { let randomNumber do { randomNumber = Math.floor(Math.random() * tilesArr.length);...

Having problem with 3d rotation

Hi hii first of all here's a codepen link to my demo https://codepen.io/Sinc02/pen/WbvVbzK What I'm trying to do is to basically make a rotating cube on the x-axis (so it'll rotate vertically) My problem is that it seems I'm also rotating the viewer's pov along with it...

Tutorial advice

I am worried about this I don't have money to purchase any course or go to programming school due to my background ๐Ÿ’”๐Ÿ’” I am not learning from one channel on YouTube Let me say I learned html and css from w3school now I am learning JavaScript from another channel I hope a client can still consider me as far as I know my work ๐Ÿ˜”๐Ÿฅบ...

which course should i buy?

Hi everyone. I am newbie here. I am a computer engineer and I can say that I know the basics of CSS. CSS always seemed difficult to me for some reason, but now I have decided that I will solve this problem. I know there are many resources on YouTube. I also have a Udemy annual membership. But I heard that Kevin Powell is at a different level in terms of CSS. I know roughly what flexbox and grid are but I don't have deep knowledge. Kevin has a lot of premium courses. Which one should I start with...

need help with ad scaling

hell, im kinda new to this... I have a div container which is a flex. inside that I have an iframe that is 700x100 dimension. Actually, it is a bit more nested, but I'm trying to keep it simple
<div class="container">
<iframe class="ad" src="myadsrc.com"></iframe>
</div>
<div class="container">
<iframe class="ad" src="myadsrc.com"></iframe>
</div>
...

Nodemailer Outlook

hi, everyone! has anyone in here have used nodemailer with outlook recently? i used on a webapp last year and i need it again but i cant authenticate de email

Deep Dive about viewport sizes

Halp! XD I decided to tinker around trying to get a better understanding of the viewport's size. Just for better understanding. I thought it would be simple. But it seems i was a tid bit wrong. ...
No description

Font Scale(s) Input

Simply put, do you guys think my font scale is good to abide by? Going from Display (which will never be used on the web), headings (h1-6), paragraphs, and then labels. I really like even numbers, and roughly based it on the Major Third with some rounding. But please, if there is a better way or something I'm missing point it out (I'm not sure if there's an exact science to this).
No description

Update and read how to?

Hello, There is two webpage. One update data. Second read data . But the data is only one character....

Math operations

I have a question โ“ According to my course based on numbers in JavaScript //The first one let dogAge = prompt("How old is the dog") let humanAge = alert((dogAge - 2) * 4 + 21)...

Vibe coding - lovable AI, is it going to replace dev?

Hello, I was in a meeting, one of the person use the lovable AI to create an entire web app. I didn't used it yet, just heard of it, that's incredible how this thing can like literally generate a web app from scratch, I felt really astonished, are people going to use that instead of front-end dev/back-end dev?

reduce image retention on laptop

so, i got this new laptop from work with an lcd ips display, and it has this nasty habit of retaining the image. it's not horrible, but it's not good. as it is a laptop, i have 0 control on any settings to prevent the panel from eating itself. ...
No description

What's your thoughts on hypermedia as opposed to JSON APIs?

I've been looking at HTMX and thinking that hypermedia sounds great. No need to send JSON data to the client and have to parse it. Instead, the API returns HTML strings and you just put it in the DOM. But it can't be that easyโ€”or that convienient. Or else it'd be much more widely used. So I turn to you, my fellow front-end friends! What's your thoughts on hypermedia APIs? Do you think it's a good idea? Why or why not?...

Slow Response Time

Hi everyone, Iโ€™m working on a Python app using PyQt5, and Iโ€™m running into extreme lag issues that I donโ€™t understand. Even for something very simpleโ€”like clicking a button to change its color from green to redโ€”it takes around 3 seconds to respond. Overall, the entire app feels sluggish: It takes a long time to start up...

Same code but different results??

Im building a dashboard (responsive) and in the main dashboard page, the TodaysSchedule and OverdueInvoices are responsive (when sized down they go to new lines and the contained content is scrollable), heres what I mean: But in the Clients page, I also have a table and the issue is that on a smaller screen (it works on md, this is whatim trying to achieveon a smaller device), the whole table components goes off the device width and is not making the content scrollable, can someone please help:...
No description

CSS nesting and pseudo elements

I don't know if I'm making a syntax goof somewhere, but I would have thought that ```css &::after { :hover > & { color: red;...

How to eliminate padding from photo in a grid

JSfiddle: https://jsfiddle.net/a215fL3s/4/ Basically I need the left grid item (text) to have padding still applied when viewport is smaller, but not the image on the right. I can't add padding internally since that'll cause the item on the left not to align with the other sections (e.g. "Another section with regular text" above it. Also if viewport goes to mobile view, and the grid becomes 1 col, same thing i want the image to extend edge-to-edge and only the text to maintain the padding....