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

Prevent from white scroll bar

Here is small white scroll bar and i want to remove it

Learning Front-End Website Development. Should I Learn HTML, CSS & JavaScript All At The Same Time?

Hello! I'm currently learning front-end website development. I wanted to ask if it is a good idea to learn all 3 languages (HTML, CSS and JavaScript) at the same time? I currently know the basics of all 3 languages at the moment, but I am aware that CSS and JavaScript are going to get a whole lot more complex. With that being said, what advice do any of you guys have? Should I focus on 1 of them at a time for a few months or, learn them at the same time? Any help would be greatly appreciated....

Start freelancing

hello every one I was thinking to try freelancing as a frontend but I got some questions that I'd like anyone to answer or share their opinions and ways to improve of course, 1. if I want to provide frontend websites what hosting and domain providers should I choose for hosting I was thinking about netlify because they provide free hosting till your site gets a lot of traffic so I thought of it as an option and I'd like ur opinions for domain providers 2. SEO what is the best way to optimize sites for SEO if you have tips and sites like HTML tags and tutorials that are working I'd love to know more about...

How to filter products in react based on search input in real time from the local state ?

I am trying to make real-time search functionality with the product stores in the local state. For that, I have created a function that takes queries from the search input and storing in a q variable of the handle search function. query and setQuery are context states. this working perfectly but when I remove some letters, then the function is not filtering products based on the remaining letters. Let's say I have two products called belt and bolt, and when I type bolt it shows the bolt product...

grid span unknown column count

Hi i am not even sure if this is possible. But i was wondering if its possible to use like grid-column:span 3; but you dont actually know the column count. So for example. Let's say i have this html code ```html <div class="parent">...

:checked deep dive

Hello everyone.
I am a first year front end student that is getting used to html and css before moving on to js etc. Does anyone have tips about using custom variables to set display, etc and then changing those custom variables inside of a :checked declaration? ...

Canvas question.

For a test for a possible new job I have to do animations which I've never done. It's a car on a road, if you press a button the wheels will slightly move causing the car to speed up. These wheels are 11 images, which have to be shown in about 150ms and it has to look fluid with no hiccups. Now they obviously did advice me to google and I've been searching my ass off for 3 days, found a few solutions but none of them really work. I'm having a few issues which I just can't find or figure out a fix for......

Navigating using react-router-v6

Hii everyone! I want to use react-router v6 but there is some problem and the flow is 1. if user click on the go to home page button then the home page should open 2. if user click on the go to contact page link then the search will change and i want to trigger the useEffect to check if search contains contact url then the contact page should open with the link to go back. ...

Font not loading in mobile

I've deployed the website. Fonts are loading in desktop but not in mobile. I'm using local fonts, tailwind. This is how my input.css looks like. ```css @layer base {...

SSL CERTIFICATE

so i've contacted the website from where i bought the dnssec, and they deleted it from my domain but now what should i do in netlify...

CSS Image hide

i want to hide a party of image.how can i do it??

Help with making only border corners visible! (Example inside)

I'm doing this simple exercise and just noticed this little thingy they did with borders. I have no clue how they made it. Any ideas? Edit: No pictures were used for it....

Can somebody help me understand these docs please?

So I think I've discovered that my problems with a 3rd party captcha service - Turnstile - are down to a race condition, and so I'm trying to explicitly render the challenge element once I know the page has loaded. Initially the docs (https://developers.cloudflare.com/turnstile/get-started/client-side-rendering/#explicitly-render-the-turnstile-widget) tell me to insert the async js script tag: <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?onload=onloadTurnstileCallback" async defer></script>...

isolation in css: can't the gradient shadow be achieved just by z-index: -1?

in kevin's video abt isolation https://www.youtube.com/watch?v=sNYVqfRwX1A&t=63s&ab_channel=KevinPowell timestamp at around 03:11 can't the gradient shadow be achieved just by z-index: -1?...

Using :NOT operator deeply nested within duplicate elements

Hi, I am working with a 3rd party library (DevExpress) which creates some complex controls. In this case their Page control. My problem is that one of our images, under a particular color scheme (DevExpress theme) doesn't look good because it is rendering navy blue on black....

Website which stores filter criteria between tab reloads, but not between tabs.

Hi, So noticed that one of the websites which I am using stores criteria search somewhere. It is persisted between tab reloads but it is not persisted between tabs. I look into session storage it is empty, cleard local storage and indexedDb is empty as well. So my question is - where this webistes stores this criteria search ? (for sure its not a backend).

Print CSS only showing the first page

Hello, I am trying to write some SCSS for printing the screen in A4 landscape that retains a lot of the on screen styles. I kind of have this working with the following SCSS. However, whilst print preview shows there are 20+ pages, the first page is just repeated over and over. i.e. page two is never shown. I'm afraid I can not attached the pdf as it contains commercially sensitive information, I hoping the above explains the situation sufficiently. Here is my current SCSS....

div h-full takes parent height even if there is a sibling in the same div TailwindCSS

Problem: My div containing my text content overflows its parent whit full height Desired: The height of the div containing text content to fill the rest of available height of its parent Code: https://stackblitz.com/edit/web-platform-7gwuv1?file=index.html...

Build failed due to import error

Build failed due to import error After running the build command for my react app the build failed and the below is the response I get. ```Creating an optimized production build... Failed to compile....

Trying to align the "Check it out" links to the bottom of each card by default

Haven't touched CSS in a few months so I'm super rusty, but decided to work on my portfolio a little bit more.. I'm wanting to have the 3 links sit at the bottom of the card, and really, any future links to sit there too. They all have the class of "project-link" and the below CSS is what has been input so far for the projects section ```.projects { background-color: #E4E8FF; background-size: cover;...