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

steven preadly

11/3/2024

How can I solve this swiper styling issue in the video ?

hello i am using Laravel to create a books store there are a section for highly ranked books i am using swiper Api in this swiper and below is the code the swiper in js and a video of that happiens whe relad the page ```js import Swiper from 'swiper/bundle'; import 'swiper/css/bundle'; document.addEventListener('DOMContentLoaded', function(){...

R.I.P

11/2/2024

help making a code better

hi guys im using this 2 together 1- is snow and ash 2- is a gradient rotating but these 2 heavily impact performance and cause lag and slow moving on the damn site so any advices would be appreciated for making them less laggy...

RodrigoFN

11/2/2024

StyleX

Can i conditionaly set StyleX SharedComponents variant size per media? <ParentComponent <SharedComponent variant="medium" /> ...

roelof

11/2/2024

Kevin . Image caroussel tutorial

Does Kevin have a video where I can learn how to make a image scroller So I can solve this one : https://www.frontendmentor.io/challenges/room-homepage-BtdBY_ENq...

lko

11/2/2024

Is it normal for view transitions to still be buggy?

I wanted to understand better how this website was built https://mdn.github.io/dom-examples/view-transitions/mpa/page2.html, so I copied the sourcecode and run it locally, for some reason, somtimes the animation works, other times it doesnt and it just loads the other page as usual. Is it because I'm on linux? On that website I don't get any sort of issues but when I run it locally I do. If you want to try it for youself you can just copy the source code from the website, it's just the 2 html pages and the CSS...

Faker

11/2/2024

Difference between innerHTML, innerText and textContent and their use cases

Hello guys, can someone explain the difference between innerHTML, innerText and textContent; from what I have understand, innerHMTL reads html tags that can be rendered by the browser but innerText and textContent doesn't.... but is there anything more to that? Should we stick to only one of them or all have their use cases please...

Faker

11/2/2024

Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true. . .

Uncaught (in promise) Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received Hello guys, sorry to disturb you all, can someone explain what this error is all about please, I didn't understand why I obtain this error, here is my script: ```js...

TheOneThatPlaysTooMuch

11/2/2024

Astro bun not fun

When I do bunx create-astro@latest my-app-using-bun straight from the docs, with or without @latest, with bun installed properly as I can run bun --version,I get the same error: "script not found: create astro" something like that.

vic

11/2/2024

how to make border bottom color transition

https://codepen.io/Vicky-clowdy/pen/MWNXmRN I want that border bottom transition coming from center and to fill rest of border...

vince

11/1/2024

Sass Mixin vs Extends

I had a quick question I wanted to ask regarding this. I have some files in a shared directory that I want to namespace. ```...

ilyes

11/1/2024

Style every page element in seperate css file

Hello I've seen tutorial in youtube ,the guy did a YouTube clone which he styled page elements separately for example : header.css , nav.css , general.css , video.css My question is it a good practice to do so ,is it professional ,does it slow the website?...

R.I.P

11/1/2024

scroll + space on top

I want space on there so the color from the after shows

R.I.P

11/1/2024

fix before and fix positioning

I want a fix position and a before/after tho the fixed posiotion need to be above the after and before? i search and it said i couldnt and i had to go for the changing the some css in before and parent but i dont really want it! so is there anything else both are fixed tho the before can be anything but i want it before the damn parent...

Sylvia

11/1/2024

Changing flex box width according to flex wrap

Ok so! I have a container holding elements, doesn't matter what kind. At the start and end (currently) there are brackets. Created using before/after pseudo elements. What I want is, whenever there is a wrap like seen on the image, the brackets still hold everything in between so like instead of

[A, B, C
D, E]

[A, B, C
D, E]

I want it to be ```...

jsv_1991

11/1/2024

Mobile Landscape View Text Issue

Hey guys, I am having trouble trying to figure this issue out on my own. In the images, I have the issue highlighted in a border. The border does not contribute to sizing issue. In the image where the phone number is broken into two lines, that is from my phone in landscape mode. My phone is an iPhone 14 Pro Max. The image where the phone number is displayed correctly (single line), that is from the inspector on my web browser. I also have a media query set to remove the social icons before the two flex containers meet and jumble the phone number. Everything works great on the inspector, but I cannot figure out the issue when viewing on my mobile device. I have the code attached below: https://github.com/jvisme1991/photo-display.git...

MarkBoots

11/1/2024

Set Child count + index of child with custom properties

Would like your opinions, Because i like to play with the styling of an element based on it's index within a parent (and to be able to calculate with it) , normally i would setup custom properties manually with the nth-child selector or as inline style within the html element. Unfortunately CSS is not able (yet) to do it on it's own. ...

Oli

10/31/2024

Colour slide animation "suck"

Hello, I want to have two squares and have an animation where the colour from one slides to the other side. I don't want a simple slide, I want it to look like it's being sucked through a hole to the other side, like it's a gel going through a hole and bouncing out fully on the other side. I don't know how to describe this well enough to find examples online....

peterpumkineaterr

10/31/2024

I accidentally made complex portfolio design, i don’t know how i should develop it in css.

Design is quite complex as it has side bar (like index) and picture box takes half of the screen and there are lines dividing pages (part of design). Also it has two columns when i added 8 rows in that there will be songs and in other column books, i know i will have to use api for that. Honestly i never worked this much on coding side as i mostly work on figma only. This is all I’m doing to get a job as a designer. So having a at least decent portfolio website is necessary. I can’t show the design of the website as i directly designed it and for text i used my personal details so first i will have to replace them with lorem ipsum then i will show the design. ...

peterpumkineaterr

10/31/2024

how can i pull a picture directly from song album ?

so the idea is to put a song album picture in this box but is it possible that i can directly pull that picture from song's link ? or something like this ?

Justine

10/31/2024

hr scroll bar

hi guys maybe someone of you know how to fix this as i hover over the body element it still has this space in the right side

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