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

Can anyone recommend a good free form submission service that emails you from a website contact form

Can anyone recommend a good free form submission service that emails you from a website contact form

Swapping in inline form vs disabled/styled input

If I have a displayed element (lets say a name) that I want the user to be able to change, I see two options: 1) A display element (a div or something) and an inline form, with javascript showing one or the other based on clicking an edit button, cancelling the form, etc. 2) A input with classes/disabled that's swapped via interaction, so in one state it looks like an unstyled display element, and the other looks like an input. Is there any downside to the latter? If the form/input are both submitted via fetch anyway, is there any problem with just having an unstyled input?...

fixing the cls caused by scale on images

so i have this element on this page & this selector is responsible for the element ```css .accomodation-single-item-more-info-facilities .accomodation-single-item-facilities-benefits figure{ scale: 2; margin-block: 2rem;...
No description

Wireguard and non-VPN external connections

I'm using a raspberry pi with raspbian. It's permanently connected to a wireguard VPN (the VPN doesn't support port forwarding from the external VPN address). I also want to host something on the raspberry pi and make it accessible over my home internet. When the VPN is not connected: The service works from inside my network. The service works from outside my network. So the issue is not port forwarding from my modem to the pi...

I'm looking for smb to do early meetings in google-meet (9 - 10 AM GMT+2 CEST)

Just want to discuss at the beginning of the day with somebody what I'm going to do and also would like to know what are you coding Next.js TypeScript Tailwind meetings every day for 5-10 minutes...

Why are there so many JavaScript frameworks?

Hello guys, it's been sometime now that I have been using vanilla HTML/CSS/JS. I wanted to learn some frameworks just to see how all of that works and from what I've told, in real world/jobs, the majority of time, we use frameworks to do things. My first question is: What do we have so many frameworks from Next.JS to Angular.JS to Vue.JS to React.JS and so on please. Second is, if I need to learn a framework for JavaScript and also for CSS, are there any recommended frameworks please. (By the way HTML doesn't have any framework on its own? There are terms that I saw like pug, SASS etc I think, are these related to HTML ?)...

Need advice on caching data retrieved from useeffect in react

hey guys so im currently working on a project that will retrieve reddit posts and filter them by pain points similar to GummySearch but for a single niche to generate potential business ideas! the reason im building this is cuz i cant pay $60 for gummy search 😦 and i thought it would be cool to build my own version to use for free for a single niche anyways the problem is with the call to Reddit API now with useeffects in general the its called whenever the component mounts right but i dont want to do that. whats the best way to cache the posts retrieved from Reddits API on the client? i want to be refetching only after every 2 hours ! so say the user opens the app it fetches posts and then if the component unmounts and remounts i want to check if its been 2 hours since the last time, how can i do that check?? also where do i store the fetched posts? on local storage? do i save them to the database? ...

Time tracker app

I'm looking for a time tracker app that I could use locally on my machine without worrying that it sends that data anywhere, I've found a few options but none of them look really interesting, so I wanted to know if anyone here had anything to suggest.

What's the difference between Vue/React Framework vs CSS Framework like bootstrap/tailwind

Hello guys, in the world of web development, there are lots and lots of framework and I was wondering, when people they "Vue" or "React" Framework, does this mean a global collection of HTML/CSS/JS working as one or like "Vue" framework related only to HTML and then, we add our CSS styling ? Like I once heard "use tailwind" for your CSS, I only know the word and from what I've read it's a framework for CSS (Correct me If I'm wrong pls)?

Advice to become a better developer

Hello guys, I have a question. As a developer, whether it's for software development, web development, game development, how do we do to have a bit more "weight" towards our fellow friends? I mean if we consider fields like networking and security, their are lots and lots of certification but what about developments? What kind of certifications do we need to do/undertake please? Or beside certifications, what else can we do please. Say I want to be a software developer, what would be the right way to make myself a bit more "unique" ? (please bip me for a response)...

2025 want list (Interop 2025)

There's been a boat load of activity over at the rust jxl github repo today out of seemingly no where. Was mostly dead for months but now my inbox is full of pull request messages. Good to see somethings finally happening. https://github.com/libjxl/jxl-rs/pulls?q=is%3Apr+is%3Aclosed...

I should just cry at this point.

I’m a very big android fan. Like LITERALLY!!! but i use iPhone. I love android 4.4 jelly bean & kitkat that’s it nothing more than that. I tried to find mobile of that version but in my city I couldn’t. I just feel so in love with that version and that time of internet like everything. Google had nice ui and evernote had lovely ui flipboard had that flipping widget i think can’t remember it was like side page or something. Phone app was great websites felt like welcoming, populat game was temple run, picks art was popular, the ui of jelly bean and those sounds of user interface was just wow. Youtube app was 🩵 and whatsapp was oh my god. What can i say ‘bout the FACEBOOK OH MY HEAVENS. I’m just so freaking crazy for this things. Chrome app and desktop app was oh god and picasa was there the best thing. TWITTER Oh god I don’t have WORDS. Not just android i had sony erricson w33i a quarty keypad phone in white ahh best one i can use that phone right now if someone gave me and same goes for android. I’m ready to ditch my 16 pro max. ...

When accessing an API that needs authentication, where do we include API key?

Hello guys, when we need to access an API for a web service, I saw that sometimes the API is included in the URL itself, is it good practice? When can we do that or what are the other methods used to provide an API key to use a web service? ```js fetch("https://api.example.com/data?api_key=YOUR_API_KEY") .then(response => response.json())...

How problematic is this for accessibility?

<button form="delete-form">Delete Post</button>
<form style="display: none" id="delete-form" method="POST" action="..."></form>
<button form="delete-form">Delete Post</button>
<form style="display: none" id="delete-form" method="POST" action="..."></form>
...

Implementing a loader animation

hi everyone, im trying to implement this design and then get to animate it with gsap. tried a few things but couldn't get too close with it. any help is highly appreciated. just want to load each bar individually while the number counts up. till it gets to the set percentage.
No description

Style range slider

I'm styling a single-thumb <input type="range"> slider using SCSS. A lot of my styles are duplicated across ::-webkit-slider-thumb and ::-moz-range-thumb, so I tried combining them using a comma selector—but then the styles stopped applying. Is that a WebKit vs. Mozilla thing? Also, I’m struggling to add proper :hover and :focus effects to both the slider thumb and the filled track (that is made possible with the border-image trick). Here’s the React component:...
No description

Am I doing too much on my portfolio?

Hey guys, I thought it would be a really cool idea to make my portfolio kind of like Figma since I work in it a lot as a ui dev. I just don't know if it would be too much for a portfolio. I wanted to kind of have some bubble underneath the heading that like shows the css selectors, and when you hold alt over an item it shows the css properties or something
No description

Is this how Props work in React...?

Max just blew my mind and I'm not sure if that's an inexperience thing my end, or if he's doing something wonky.. He's created a button with an onClick event in TabButton.jsx, that function takes children and onSelect as props, there's then a function in app.jsx, handleSelect that displays the output, and the component is in app.jsx as <TabButton onSelect={handleSelect}>Components</TabButton> Am I going crazy here, or is this standard practise? lol - I removed some of the code in App.JSX as it wasn't relevant to the question...

Display none isn't working as intended

HI o/ I have to make a task thingy and everything worked as long as there was a button I used to close and open the single tasks, but then I had to change it to radio buttons (see img) since then I can only delete tasks but the display none thing isn't working anymore. [ only show open] [only show a specific person selected] I put in console output so I can track if the value change works and that seems to work just fine. I think sth with the display isn't working 😦 ...
No description

Can this be easily the made with html and css

Hello I found this image of a nice card that I can use for a project ...
No description