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

How to speed up the asynchronous multiple request in a single fetch link?

The code that I will post is working properly but the only problem that I did encounter, it is not yet optimized for fetching a lot of chunks data it tends to overload/lag. What kind of fetching should I use that is optimize for fetching a lot of data? I am clueless now. Thanks for the help guys ! πŸ™‚ Note: ...

React Query state management

Can other states management tools be ignored over React Query being used for state management in a react application?

css properties as global variables and can be used as a call back function?

hello, are there any similar method in CSS that can be used as global variable like in JS? i feel like im using display flex, aic,jcc over and over, instead of combining classes is there a way like call back function? like color: var(--primary) where primary is defined on top think

CSS doubt

I want to put the glowing animation around the helmet. It is desktop size wallpaper.
Can we bend the div element from this to --- something like this ( ?...

Responsive design

Is there a way to make it work? or start from fresh?

Image doesn't fit in its parent div properly

I have a div(card) , Inside it i have two more divs 1. top div and 2. bottom div, inside top div i have placed an image and have set its width to 100% and height to auto, but I'm noticing some extra pixels(green horizontal line) at the bottom of my top div ,I don't have any margin or padding set on top div. How can I fix this. img{ width: 100%, height:auto...

Fetching data from an API and putting them inside an array but it works differently in browser/IDE?

It's React. Something weird happens. When I reload directly from the browser, it still logs an empty array, but when I save the file from VSCode, it displays the array just like I wanted. ```js const [country, setCountry] = useState([]);...

Css Inheritance Question

Hi everyone! Asking this as a refresher for myself. I'm trying to set a font-size: 13px; on my h5's. But the user agent styles are applying instead. I set the font-size: 13px; on the <div class="footer-col"> thinking the styles would inherit but the user agent styles are applied instead. Is this because my <div class="footer-col__1"> is acting as the actual parent and not my <div class="footer-col">? https://codepen.io/ezekielswanson/pen/KKxqWEp...

Is there any way to keep overflow-x while changing overflow-y?

My problem is caused by this issue: https://stackoverflow.com/questions/18135204/setting-overflow-y-causes-overflow-x-to-change-as-well Here is codepen: https://codepen.io/H4ds0n/pen/JjaJWGR Is there any way to keep overflow-y: auto on pink box and have have green box visible on the top of blue one ?...

apply a class on based of scroll using only css

I have navbar with a width of 800px , when scroll happen I want that navbar take full width of the viewport. This task have to done using only css. is that possible ?...

Why The Arcs In Canvas Are Pixelated?

any Idea why the circles created in the canvas are Pixelated like this? they r not sharp. I've declared the height and width of the canvas from js yet it's still like this tnx!!...

underline a link

Hi everyone I'm trying since some days to add underline animation on a link I get this (Picture)...

Unordered list items with span, img and a div tag. How to make image of all li align vertically?

I want to image to vertically align, rightnow it depends on the span on the left side(city names). Any ideas?

How to add Text and background image next to text

Hello, everyone, I have issue here, I need to create button, using <a> tag, and I need to add icon at the end of text, i cannot use font awesome icon, I should use only png file that too using css background image property. I added output file how it should look like, I tried few options, but image is not displaying in the browser, ...

CSS grid grow columns if rest are empty

so I had this previously done with flex but now I moved to grid in case I need to overflow to another row. ```css grid-template-columns: repeat(20, auto); display: grid;...

can somebody help me make this responsive please

code is in this link: https://codepen.io/ssamimustafa/pen/ExemrgE please somebody help me make it responsive...

Is using button's onClick callback to navigate is a semantically correct?

Like in the title. Is calling
<button onClick={() => nav("/subpage")}>Btn</button>
<button onClick={() => nav("/subpage")}>Btn</button>
...

Create a transparence

Hi everyone can I get some ideas about the nice effect of transparence on top the video on this website:...

Simple JS operand

I got curious about something, but, let's present the following case: ```js let a = 2; let b = 5; ...