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

CDL

10/18/2024

Help a fella make his project section look better?

https://callum-laing.com/ https://github.com/callum-laing/portfolio-v4 I'm struggling to make the project section look less crappy, and I think the better way to do this is by following what I've expertly designed on this image.. I have my project card, and within that I have my h2, p, and image elements.....

Faker

10/18/2024

How to use a common header (eg a nav bar) or a footer on multiple html pages

Hello guys, can someone explain how I should proceed to use a common nav bar on multiple html pages, like I don't need to define them, like having their individual mark up and style, I only want 1 mark up and 1 style sheet which could be use.

R.I.P

10/18/2024

get a random number after keyframes done its work / just get a random number every second

hi guys ```let x x = Math.floor(Math.random() * 100); var r = document.querySelector(':root');...

snxxwyy

10/17/2024

checking if a string is empty.

Hey, i had a string that started off with the value "" and wanted to check if it was empty. I first tried if (xyz.length <= 0) {...} but found out that "" equates to null and that it wouldn't work due to this. i researched it and found you could do if (xyz) which ended up working, this resource said that that tests for a value but i always thought that sort of if statement was for checking booleans (if (xyz) being "if xyz = true"). Is this a recommended way to check for an empty string and is that a recommended check to do if it's not checking for a boolean? thanks in advance....

Doksuri

10/17/2024

how to document.createRange().createContextualFragment(html) in a service worker ?

i'm working on a web extension, and it does a fetch. the result is the HTML, and i want to search elements in that HTML. usually, i do a createRange().. in order to be able to querySelector(). but since it's in a service worker. i don't have access to the document. how can i manage this ? thanks. here is my 'not working code'...

Arem Daesh Aref Slash

10/17/2024

Design Dynamic "Panel" component approach?

1. The panel shows one of many "views" depending on it's state. 2. Each view presents information and may interact with user 3. Any of the views can alter the "panel" state, trigger events 4. Panel responds to state change and events to possibly swap the current view with another 5. Implement using using only javascript/html/css - no frameworks...

chasingtheflow

10/16/2024

Beyond CSS: Product Cards Project

In the HTML video for the Product Cards Project, Kevin lays out the html for the Product Cards at the top as well as the "Category Cards" (or link with image cards) at the bottom inside divs. I had attempted the CSS on my own before watching the video and I had chosen to use unordered lists for this. Is there a reason div's would be preferable here that I don't understand?

snxxwyy

10/16/2024

class questions

Hey, i have a few questions about classes given this code: ```js class Message { constructor(message) { this._message = message...

snxxwyy

10/16/2024

classes | constructor, super, get & set

Hey, i just want to double check some knowledge and ask some questions regarding these topics since i don't really understand them. 1) is constructor a way to pass external values when creating a new instance of a class to this. values? If so, when you don't need to do this, does it need to be added? 2) what does super do? the mdn docs say it allows you to access properties on an object literal or class's [[Prototype]], but what does this mean? Is it that it allows you to access this. values from the original class if another extends it? 3) the mdn docs say the get and set functions allow you to get and set this. values. Does get only allow you to return a value and set only allow you to change it or can other things be done within these?...

FryBlaster

10/15/2024

Make right sticky card disappear when it's close to the bottom

Hi everyone, hope you're doing fine! 🙂 I'm struggling in finding a way to make what the title said. I have a container with two columns where I have in the right column a sticky card that I want to disappear before it touches the bottom edge of its wrapper (I put a border around it, so you can see better what I mean. Here's the codepen for a small demo: https://codepen.io/fracav99/pen/QWejpqE?editors=1100...

luca

10/15/2024

How to Extend Background Color Across the Entire Row in My Opening Hours Table?

How can I modify my code so that the green background color covers the entire row for the selected day (like Tuesday in the example)? Because now there are white space gaps. Here's a link to the CodePen: https://codepen.io/lccua/pen/LYwWBjd

smackalpha

10/15/2024

How to make bottom shadow in text in css.

I have a text and it looks like in pic. I want to make like that in css. I tired textshadow and box shadow. but i can't achieve that design. Can someone help me with this.

snxxwyy

10/14/2024

columns vs flex/grid

Hey, when should you use the columns property over grid/flex for a column layout? I know there’s that one use for masonry type layouts with the columns property, but in terms of general columns, i believe i saw somewhere that you can use minmax or something along those lines with columns. So are columns recommended for general column layouts as i say, with grid/flex being used when you want extra functionality, or should you stay away from it all together?

Code-S ♛

10/14/2024

how do i get this image purple

As you can see in the design the image is purple but the image given to me is black and white and i want to coor it like this how do i color the image purple?

snxxwyy

10/13/2024

async function/promises vs try and catch

Hey, what is the difference between an async function/promise and a try and catch expression? To me, they both seem to be similar due to the error handling, i don't really get the use of the async function in this case, can someone please explain? Thanks in advance.

Arctomachine

10/13/2024

Take full width in single column grid

I want to create grid layout where: - 1 or 2 columns - if there is enough space on screen to fit 2 items at 350+ px each, then use 2 columns and stretch items to 50% (of grid container) - if not enough, then use 1 column and stretch item to 100% - but not limit item to 350px (let it further shrink on screens below 350px wide)...

roger

10/13/2024

how is this form can be between two divs

I don’t know how to achieve this particular space diva

Code-S ♛

10/12/2024

How Do i approach this border

you can see it has a weird border any ideas how can i make that?

???

10/12/2024

Help on Ticker

im very new i just need to create a ticker thats seamless, I tried to create one but it animates fully and leaves a gap in between and when its done only does the next one start. using html n bootstrap

AMAN

10/12/2024

How do i put a span a absolute div across the whole page not just 100dvh the entire website

The div simply ends at the viewport height. I have attached the code. Sorry, but I don't know how to post snippets correctly.

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