KPC

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Join

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

Khoa

2/13/2024

Good naming convention in JS?

I don't write much JS soo this problem only come up recently. My first idea is to have all of my function a "verb" like getAllItems or closeTabById. then for variable I would use "noun" like itemCount . Are there any recommended rule for this?

chrono1913

2/13/2024

href to link to another spot on a page and redirect the page to that spot

```<div id="MENUID" class="MENUID-btn" onmouseleave="close()">
<ul> <li><a href="HOME">HOME</a></li> <li><a href="ABOUT US">ABOUT US</a></li>...

austin54

2/13/2024

HOW TO USE REM

Is "rem" really a responsive unit? I tried using rem on a project but the size of the texts remain the same as the screen gets smaller. It just works same way as px. Anytime I search, people keep saying rem is a responsive unit. So how do I use it properly?

Hamza Naeem

2/13/2024

How to do JS?

Hi there, I have stared JS after doing Html CSS, and trying to make this cards section, but don't getting how to do it? I don't want to use SwiperJS, feeling really frustrating, anyone could guide how to start?

RMON

2/13/2024

I think the responsiveness is just a tad bit messed up...

Alrighty, I've created a very plain and simple Calculator but on the small screen (320px) It looks terrible what's the best way to go about fixing this?

RMON

2/13/2024

How can I move the content inside this container to the bottom?

Ignore the bad styling to this, I still gotta fix it and mess around with it I just wanted to move the content to the bottom of the container so I can have empty white space at the top for an image how can I do this?

RMON

2/13/2024

Overflow question

So I've been trying to figure out a way to make my header semi-transparent while having it be sticky which I ended up figuring out but now content will overflow behind the header when the screen becomes small enough how can I avoid this? It only happens when I make the header position it ruins the entire page.

sos

2/13/2024

Does justify-content work with flex-direction: column or not?

I searched and google said that it doesn't but I tried using this code https://pastecode.io/s/yb98m9ub and it seems to work just fine

i_lost_to_loba_kreygasm

2/13/2024

how to make this black top left corner on the image ?

can anyone tell how I can do this ? I hope I am clear

Dovah

2/12/2024

Idea for auto-width animation?

Basically, for my element to have a smooth, auto width transition when content of it is changed. Example: https://codepen.io/DovahTheKiin/pen/vYPQXXB...

DimitriUI

2/12/2024

Is really necessary to learn React or Angular for front end?

Hi, i just started diving into React and i don't understand why is used. To me it seems like it over complicates everything. Until now i can do the same things with basic Javascript and CSS. I feel that is like making everything harder. Do i really need to learn it? I already managed to make a normal website with HTML, CSS, JAVASCRIPT, PHP, JQUERY AJAX. With a catalog and filters, dashboard without using React or Angular. What is the point?

thethingisback

2/12/2024

Stupid question: how do I view github repo files in Github desktop app?

Attached is a picture of my Github Desktop. I would like to view the root directory of this repository, which now has several files & folders in it, since I've uploaded and committed them online (github.com). I now want to view those uploaded files inside of this application, and use the application to create a new directory (src), and move some of the files I've just uploaded, to that created 'src' directory? How? Does Github Desktop allow such actions?...

Norwyx

2/12/2024

I'm having problems with some images in my project. They're not displaying the way they should.

So they're displaying in a pretty weird way. I want to display the image so that the dogs are visible and the image fits in the square, but it looks huge even tho I'm setting the width and height pretty low. I've already tried using grid instead of flexbox, playing with widths, object position, and object-fit properties. Can't seem to find the problem. Here's what's happening, how it should be looking, the codepen, and the repository (because all the images are local and it looks weird on codepen. There's a GitHub page on the repository). Thanks in advance (please ignore the non-responsive aspect of the page, I havent worked on that yet)...

posix

2/12/2024

On Kevin's recent FlexBox deep-dive

https://youtu.be/FD3aC_Ke8uk?si=wDDdxspRXQ2kqyTE Should you read this, thank you Kevin for this video. I feel a bit shocked by it. Not only because I've worked with German text often and have suffered the long word overflow thing, but just generally at how CSS keeps these fundamentally important things perfectly hidden from someone aspiring to learn. It takes a real CSS expert like yourself, who also is a dev tool expert across different browsers, to explain why this happens. I find that somewhat disencouraging. There are way too many hidden defaults and truths in CSS to make learning it fun. But more on topic: the key moment for me was the "Name:" vs "Your Name:" behaviour, and how the intrinsic width triggered a different outcome. That's honestly shocking..... I'm so glad to have understood why this is, as it's been a problem for me hundreds of times. I'm sure there is verbose and long CSS documentation on these things, somewhere, but they are very inaccessible typically, especially for less experienced developers....

angell1389

2/12/2024

I want the fixed header and fixed footer and content to not over lap and to scroll

https://codepen.io/Lohitha-Yalavarthi/pen/bGZQEEB

cat

2/12/2024

how does sort() work

i wanna know how sort () works

smackalpha

2/12/2024

fetch to axios

i have one function in fetch. i need to convert it to axios. In fetch, its working fine but in axios, its not working https://codefile.io/f/X6XoOM0XLC I dont what i am missing in axios. Is i am correctly passing in axios. plz help me...

chrono1913

2/12/2024

I need to understand grid template rules

```
<div id="container">
<div class="banner"></div>...

Abdul Ahad⚡

2/12/2024

How to style the selected option of the dropdown

I'm able to style the options but not the selected option. I've read that this style is inherited from the brower defaults. Can you please help me style the selected option. https://codepen.io/Abdul-Ahad-the-decoder/pen/abMRxZP...

user43

2/12/2024

if I say I am a frontend developer, what do you expect from me?

What should I be able to do , what tools should I have in my box , what kind of projects I should be able to make , should I know backend as well?

Previous Next

Gaming

Programming

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

Kevin Powell - Community

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.