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

Developer tools won't open at all on Chrome and idk what to do

Using the ctrl shift I shortcut won't work and either will using inspect element. How do I fix this?...

Extreme webperf

Is it possible to load an image concurrently with HTML on connections where this won't slow the HTML loading? Or include the images at the end of the HTML stream?
No description

Why isn't this transitioning the width back @starting-style value when the hidden attribute exist?

I'm a learner and I want to keep it simple to understand the fundamentals. In this webpage, I am trying to test CSS transitions. I want to transition the paragraph width from small to big and back based on whether it's hidden or not but the transition fails to happen when transitioning from no hidden attribute to hidden. I want to know why and how can I do that while keeping it as simple as possible. Here's the page: https://cdpn.io/pen/debug/yyNjzwp?authentication_hash=VJMxxqaLZYRM...

Fixed Bottom Audio Player Hides Behind Mobile Browser UI & Moves When Scrolling

Problem I have an audio player (position: fixed; bottom: 0) that behaves incorrectly on mobile browsers: Hides behind the browser’s UI (address bar, bottom navigation) when scrolling. Moves down unexpectedly when the browser UI hides/shows during scrolling....

javascript project ideas

can you all suggest me project ideas that would strengthen/improve etc. my understanding of these methods
No description

How do you deal with problems occurring on singular devices?

Kind of a non-specific problem but I’m working on my very first freelance frontend project and my client keeps sending me videos of random problems they’re facing on singular devices. Mainly iPhones. Like their iPhone is going through some bug when accessing the website or their friend’s phone is going through some other bug. They’re seemingly inconsistent and I’m not able to reproduce them at all on any of my own devices. I don’t understand how to go about solving them. Any help would be apprec...

Extende colums to fill empty row with grid css

Hi everyone! I set a basic grid with only two columns, 1fr each. I would like to know if it's possible to extend automatically the size of the green box, that I draw in the example image, to fill the gap in the second row, first column. Is it possible?...
No description

Unable to render partials in my EJS files on my express.js application? Please help

This is where the component is embedded and it is present in multiple ejs files. It doesn't show up in the DOM https://stackblitz.com/edit/course-management-cosd?file=views%2Fhomepage.ejs...

Issue with Applying space between table body rows

Trying to make space between table rows just like in the image Any workaround to achieve this codepen:...
No description

Css hover help

#front-end #css I work in a angular custom component where it creates input and create tab and its content. Now i wanted to create a dropdown menu on one of tabs, i created title dropdown arrow etc. After building, css hover on this menu is overridden by custom tab css . Now what css rule i have to make it the dropdown menu visible. In chrome if i force :hover to the tab title it shows but when i do mouse over, dropdown menu not showing up. Needed advice how to make css for this scenario....

HTML processor, linting and validation, SSG

Guys I have a few questions about the mentioned topic. ik these are pretty much adv but why not to have a look at them. 1. HTML Processor: I saw that instead or processor we can use react. as react have all the features that a processor can have. so, it isnt worth to learn about processors these days. am i right? 2. Linting and validation: there are vs code extension that does the same work so, what i think is we don't have to install any other linting and validation tool like HTMLHint. ...

inline hints for shiki powered code blocks

I'm experimenting with adding inline hints to indicate stuff like parameter names in code example on the documentation I'm writing. I got a shiki custom transformer going to replace inline comments that look like /* [!hint: prop:] */ by prop:. Obviously they get automatically removed from the copy code functionality. I personally like those in my IDE as it makes it easier to understand what is what on function calls, but some questions comes to mind : - is it helpful on a code example ? - should I add a way to hide them ?...
No description

CSS 👉🏼 What is the specificity of HTML elements with the style attribute?

Hello! I'm deep diving into how specificity is added to CSS selectors, and I became curious about this. Given the following code: ```html...

How to make a td element fit content?

Hi guys, I have a table with 2 columns, the first column I want the width fit content, and the second one take the rest width. How can I archive this? ```html <table> <tr> <td>Fit content</td>...

Anchor positioning for sub levels in multi level navigation

Hi, Would it be correct to use anchor positioning (maybe with popover for the secondary / tertiary levels in a multiple level hover navigation bar, maybe built with nested <ul> and <li> elements? If so, is there a way to link the anchor and the anchor target without an id, how would you manage the ids here? Would you ahve to add an id to each sub level of the nav?...

line in my js

Hi eveyone sombody can explain me why I have this line on my code thanks...
No description

Overflow-y: auto does not work

Hi guys, I'm trying to make the div scrollable inside a parent. I'm using overflow: hidden for parent and overflow-y: auto for the div but it does not work. Can anyone help me? I'm using tailwind css
No description