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

Hide Empty Row

I have a very simple 3 x 10 grid, but depending on the input I want to hide various rows that do not contain any data. Here is the HTML...

Can't I Use google maps for free anymore?

What can I do about this, any other free alternative, or is there a way to use it without paying price?

Make a div height fit contet

Hello, can someone tell what to do to make any of my div with cards scaleable with items in him? https://codepen.io/artusss0/pen/jOQEVmq...

next js basics

I learned react js and im up to next js, what are the things that i need t learn before dive in (not the next js it self but the core concepts before learning it)

How to use fonts from local folder?

For some reason I can't figure this out. First one works, but I can't make "Regular" one work... I put "font-family:'SpartanRegular', sans-serif;" on element I want to have that font on, but nothing....

Vacation pay calculator – JS

Hi folks! I'm a bit stuck, and not really sure how to google this issue ... When running the script in this repo I get a NaN when calculating vacationPay at the end ... I understand that something is not defined, but I don't understand what that is ......

SVG still showing when the container height is 0

hey folks I have some SVG which I encapsulated in a div now when I set my div height to 0 some SVG icons does not show as expected but some are still showing little bit this is how I'm using them https://mystb.in/EvaluatingImportDesigning this is the code for one of the SVG which is not showing as expected https://mystb.in/SimpsonsTheftHill...

How do track users' data in MVC APP or in APIs?

Hi Apart from using Google Analytics or Web Analytics in ReactApp or in Angular App to track user data, how do we track in API's or in MVC application. Please can someone help me out, any resources, or give me certain ideas? Thank you.

how to run this project live locally

https://github.com/safak/youtube2022/tree/ecommerce I have downloaded the files and below are the command I tried. I want it live so I can inspect the website. ```@r youtube2022-ecommerce % npm start npm ERR! Missing script: "start"...

SCSS variables dependent on extra class

I have a class whit a variable that i would like to change depending on wich class is included. Here is an example ```scss...

Following Kevin's advice as best as one can ... how well do you need to understand vanilla JS?

So Kevin put out this video (https://www.youtube.com/watch?v=HuI4fDxDM0g), and it was a nice reminder that having commited to the "boring" route of become a web dev he endorsed the choice I made of sticking to my guns and finishing codecademys JS courses, plus filling in gaps with javascript.info, Kyle in Web Dev Simp., etc. But then it hit me from watching this video – how well do you need to know vanilla stuff before you go on to react, next.js, etc? Because I now know some very basic JS structure, and with the help of the resources I've mentioned and the power of googleing I could probably build very basic stuff with JS, like a calculator, etc. Objects are important, functions are important, having done the JS course first, I really felt like TypeScript is something I can see as a good tool (and actually felt easy to understand), but what I don't understand is how well should I understand when I should use classes instead of basic objects? When do I build a function from scratch and when is it better to use specific methods? And having googled this issues I don't really find any good resources. ...

Display elements in one line

Hello i want to create boards with 4 cards that will have title which have transform: rotate(-90deg); , but i want this text to have for example margin-left: 10px aplied to every card title. I dont know why every one is at other position maybe its cause i use display: flex; but i dont know how to fix it. Here is link to code: https://codepen.io/artusss0/pen/jOQEVmq

drawer sliding animation not working

hey folks this is my code I'm trying to have sliding animation from right when drawer open and closes but it not working ```tsx import { useRef, useEffect } from "react"; import { Link } from "@remix-run/react"; import { Close } from "./icons";...

Resize a nav

Hello everyone I realise this herobanner https://codepen.io/alpha_66/pen/KKrKbML...

Want text to wrap when larger than parent

https://codepen.io/Antony-Collin/pen/WNYejKZ So I want the text underneath the .game spans to go underneath itself when it's larger than the container. I guess I need to have a fixed width to it's parent, but I don't want to hardcode a fixed width, is there another solution ?...

make text wrap when larger than parent

https://codepen.io/Antony-Collin/pen/WNYejKZ So when the text beneath .game spans is larger than it's parent I want it to continue underneath instead of the parent expanding its width. There's no width set for the container so I guess I need to put one so that it doesn't expand but I don't really want to hardcode, is there a way to avoid putting a fixed width ?...

Question with invalid away in async function

Why is the await on the same function invalid in the error call back, but not in the success. Does the event cause a conflict? It gives the error, unexpected reserved word. ` const successCallBack = async function (position) { try {...