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

Gray

1/9/2023

how do i get the dots off of ul?

screenshots say it all

LOKKEE

1/9/2023

Issues with module resolution

As you can see on the first image, I am getting "Unable to resolve path to module [...]" errors from my eslint-er. The dependencies are installed and the import paths point towards the right path / the files are actually there in the node_modules directory and the exports match the imports as well. I tried to figure this out for a while now, maybe it has to do with the file extension of the astro.config.mjs, but I really don't know. ...

Squidgical

1/9/2023

[TypeScript] correct way to tell typescript a property does exist?

I have the following function; ```ts function myfunc<T extends MyInterface>(item: T) { if ("somekey" in item) console.log(item.someKey) // Error property does not exist...

Muhct

1/9/2023

Transform translate(X, Y) differs in Mozilla & Chrome

Hi there, I've been using transform: translate(X,Y) testing it in Chrome and then I noticed that in Mozilla Firefox it's placed differently. I found this page https://bugzilla.mozilla.org/show_bug.cgi?id=1279447 where someone said this: (image). Do you find that as a reliable solution or are there better ways of fixing this issue?

Aldrin

1/9/2023

Load the page after lottie file render complete

https://codepen.io/aldrinbright/pen/eYjgPVR I have a similar setup of Lottie animation on my page, I want the page to be visible only after the lottie file is loaded completely...

angell1389

1/8/2023

what's the VS Code extension you are using for autocomplete HTML tags

#When we try to add the extension, for VS Code, how do we know if they are maintaining it and still make code fixes for it in the future, and they are updating? -Is it through (#change log) ?? #html-and-css

Dovah

1/7/2023

How to fetch JSON data into HTML?

```html <div class="chart-container"> <div class="chart-spendings"> <p>$<span class="daily-amount">17.45</span></p> </div>...

BimmerG87

1/7/2023

What is the difference between these 2 hover elements?

.mainNav li:hover {
    background-color: orange;
}

.mainNav li:hover {
    background-color: orange;
}

```.mainNav a:hover {...

peterpumkineaterr

1/7/2023

text weight issue

in figma and adobe xd it shows proper weight of font but when i design it shows little bolder font

Aditya Kirad

1/7/2023

don't know how to scroll from one element to another when overflow is hidden

hey folks I have set the css property overflow: hidden; for the body and I need to smooth scroll from one element to another element and these are the element

<div class="firstContainer"></div>
<div class="secondContainer"></div>

<div class="firstContainer"></div>
<div class="secondContainer"></div>

...

Å Marlon G

1/6/2023

CSS files not working on Github Pages

I deployed a design on Github Pages from a repo, but it seems like the main.css is not reading the two other css files (_fluids and _globals). How do I get this to work? Repo: https://github.com/AMarlonG/Intrinsic-fluid-web-design ...

Spiritual Tech

1/6/2023

Menu disappears

If you go to https://apollogateopeners.com/store/nice-apollo-titan12l1-solar-bundle-with-mercury-310-controller-swing-gate-opener-kit-o-t310-slr-bl.html, and you make the resolution smaller with dev tools so that the hamburger menu appears, click the menu to open it, then while it's open, make the screen smaller and bigger. The menu disappears and then won't come back until you refresh the page. I need the menu to stay open even when the resolution changes. I can't recreate this entire page in c...

lko

1/6/2023

Why grid centers element?

I wrote this code and I achieved what I wanted but I dont know why I did what I did, so, that's the code, and when I added "display: grid" and "margin:auto" the circle centered both vertically and horizontally of its parent, horizontally, because there's margin: auto, but why vertically? ```css .parent { display: flex; flex-direction: row;...

BimmerG87

1/6/2023

align-items not working

https://codepen.io/Aman-sghh/pen/zYLoMmO

LanFeusT

1/6/2023

max-width transition works one way, but not the other

I'm trying to get my button to grow in width when hovered and reveal the text behind. However the animation is only working on hover, it does not animate when hover is removed. Why is that? https://codepen.io/LanFeusT/pen/rNrWqqv...

Aldrin

1/6/2023

gradient

How can I create this exact border gradient

Adarsh

1/6/2023

Not able to display data in browser but able to display it in codepen

I am able to display the current date and time in codepen but not able to reciprocate it in the browser. Here is the codepen - https://codepen.io/adarsh88/pen/yLqVxJm. I am attaching the screenshot of my browser.

Monimolimnion

1/6/2023

Is it possible to have a backdrop blur clipped to text?

I saw a nice effect in a movie title last night where large block text blurred a background photo. I thought it would be simple to replicate in CSS but I'm having trouble. Using background-clip:text and backdrop-filter just blurs the whole background. Any ideas?

Å Marlon G

1/6/2023

Mobile vs. desktop thoughts ...

Hmm ... not sure where to ask this, so please remove or replace this thought experiment if it doesn't belong on this channel. Kevin talks alot about fixing/doing up mobile layout first and then going on to desktop layout. With the advent of auto-fit/fill and minmax usage in grid, does this always has to be the case? With basic designs like the CRL Flexbox challenge 4, all sections could be placed in a main grid, and all the content within each section could be nested grids, all with an auto-fit/fill and minmax. That would automatically make it responsive and stack the content as normal in mobile layout....

Aldrin

1/6/2023

Text design

how to have this text design with css

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