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

help

Zlatej kluk

9/19/2023

DOM under the hood

Hello guys, I am confused about the DOM and have several questions. DOM is just specification for browsers developers that specifies necessary interfaces?...

Trazed

9/19/2023

Why is Kevin using ::after, instead of just using border bottom for a simple line under the element?

Judy

9/19/2023

Stop form from sending when validation fails.

I have an internal validation for the input field on my form and I don't wanţthe form to submit when the user has an invalid email address based on my requirements. I have tried e.preventDefault() and return false; but it is still not working😭😭. I need help it is super urgent. This is what my input validation looks like ``` const valid = () => {...

Hamza Naeem

9/19/2023

Grid template area issue

Hi, I am using Grid template area, I want the Accessories part to take the area below it, how to do it? Check the code: https://codepen.io/hamzacodepen951/pen/poqdyXN...

ABK | Muneer

9/19/2023

Private videos undownloadable

Hello i got project i want to make private videos, ones that can't be downloaded or access outside the website can you guys mention best websites to do that? (youtube is out the question)

AnasYasien

9/19/2023

React

what is the best ever available React tutorial on the internet ?

Zach Jensz

9/19/2023

Not override spreaded value

I'm exporting some objects: ```js const PA28_161 = { ...aircraft, name: 'Piper Warrior PA28-161',...

Zach Jensz

9/19/2023

Javascript Object.create inside object?

This doesn't seem to work: ```js const myObject = { masses: [ Object.create(mass, {...

Milo

9/19/2023

Comparing two arrays

Here is my code: https://codepen.io/lukakuwu/pen/zYyPYRm?editors=0010 I have an array with prices and a function to add the tax. I made a second array with the expected results and used jest to test. I know theres something wrong with how im calling the results arrays values but I dont know how to fix it. The tests should pass through the array dishes twice and compare all of the items in the array results with the price. Maybe theres a better way to reformat it but Ive tried everything I can think of...

vince

9/18/2023

TypeScript behavior

I'm doing some simple JavaScript coding exercises in TS and have come across this odd behavior I haven't encountered before. I have only the following code: ```ts const inputs: Array<Array<any>> = [...

Moni

9/18/2023

Background image

As you can see in the attached image i have a image which is moved towards right side and some of its part is showing .Can anyone tell me what is the best practice to do this as if i will use position absoulte than for every screen size i have to set it accordingly is there is a better way to position image like this

Sste

9/18/2023

google extension to extract words from every websites everytime I click in it

hi, I want to make a google extension to extract words from every websites everytime I click in a certain word inside the page. And I want it to popup it as a list of words. But I don't know what i wrong with my code so I don't achieve what I want. popup.js ```js document.addEventListener('DOMContentLoaded', () => {...

Muhammed Khal

9/18/2023

Sentry is not logging the errors

I integrated the sentry on my nextjs 13 app but the sentry is not even logging any errors even through there’s no errors on my code.

suhaylmv

9/18/2023

Transparent outlined text

I'm trying to make a transparent outlined text with css, but some characters look weird. Is this because of the font or am I doing something wrong? code: ``` .text-stroke-md {...

hyprsonic

9/18/2023

How do I achieve the effect of the sub nav on this Apple Website

I'm trying to achieve the sticky behaviour on this site https://www.apple.com/apple-card/ Where the Sub Nav overlaps with the first's section's content, and sticks to the top of the screen on scroll. Here's a codepen with my attempt. https://codepen.io/HanielU/pen/zYyEVYW ...

Nikita

9/18/2023

How fix issue 'Blocked by CORS - No 'Access-Control-Allow-Origin' header'

Access to XMLHttpRequest at 'https://pro-api.coinmarketcap.com/v2/tools/price-conversion' from origin 'http://localhost:8000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
CartModal.tsx?t=1695060428915:119 Error - AxiosError {message: 'Network Error', name: 'AxiosError', code: 'ERR_NETWORK', config: {…}, request: XMLHttpRequest, …}
axios.js?v=d21b1d92:1511     GET https://pro-api.coinmarketcap.com/v2/tools/price-conversion net::ERR_FAILED

Access to XMLHttpRequest at 'https://pro-api.coinmarketcap.com/v2/tools/price-conversion' from origin 'http://localhost:8000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
CartModal.tsx?t=1695060428915:119 Error - AxiosError {message: 'Network Error', name: 'AxiosError', code: 'ERR_NETWORK', config: {…}, request: XMLHttpRequest, …}
axios.js?v=d21b1d92:1511     GET https://pro-api.coinmarketcap.com/v2/tools/price-conversion net::ERR_FAILED

...

ἔρως

9/18/2023

lazy-loaded `<image>` in `<symbol>` always loads

the issue is simple: i have an svg with a bunch of <symbol> that have an <image> tag with loading="lazy". all images in the <symbol>s load regardless of <use>ing the <symbol> or not. https://jsfiddle.net/cqugnLb9/ <-- disable the cache in f12 and check the result...

interpod

9/18/2023

Background overlay with overflow html

Hi, My css structure looks like this:

<html> //scrollable overflow
    <div className="fixed inset-0"><loadingSpinenr/></div>
</html/>

...

Nikita

9/18/2023

Issue with react-router-dom (Route in Routes)

I have this routes ```tsx <Routes> <Route path="/" element={<HomePage />} /> <Route path="/login" element={<Login />} />...

Anonymous DEV

9/18/2023

i am having error messages while creating react app

can someone please look at it and tell me whats causing it

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 🙂.