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

kimonyrfr

8/11/2023

moving text offscreen wrapping back from other side

Im trying to move text to the left then wrap it to come from the right as it is going to the left

Brightie

8/10/2023

.json

Not sure if this is front or back-end But um, can someone please tell me how to get a .json file to be fetched ? I couldn't do cors, don't know why or what that does, I assume from what I read it means being able to actually use teh content In other words I'll need to be able to actually get it with cors enabled......

lency

8/10/2023

Pin text to the center of the page

As the number of repos increases, the page extends equally from the top and bottom, I just want it to extend to the bottom, how do I do this? https://lency.shx.gg/6aVfxoZFZ.gif...

arogersrenee

8/10/2023

Is having an empty div to put a background image bad practice?

I'm using a div with a background image because it's the only way I could get the image the right size and position. Positon relative on the container and the absolute on the image wouldn't work for me. So I resorted to this method. Is that okay?

vince

8/10/2023

Astro Image component error

I get a File URL must be absolute error when using a really simple Image component setup: ```js --- import { Image } from "astro:assets";...

Pat66

8/10/2023

Add a data-text element

Hi everyone I realise an effect with data-text my html code : ```html...

Lume

8/10/2023

Shaky animation with transform (not intended)

I've encountered an issue while attempting to animate a cursor using the transform property. Strangely, as the animation nears its completion, a slight shaking behavior emerges. This quirk exclusively manifests in Mozilla Firefox and is absent in Chromium. Below, you'll find the HTML and CSS code I've been working with (without animations): https://codepen.io/uneknown/pen/OJaYKLm Edit: I do the animation using transform: translateX();...

Kirov

8/10/2023

They guy, I have a question. I need that User input in the location field and when they type the nam

They guy, I have a question. I need that User input in the location field and when they type the name of location the interface will show the example of location. I think it's help for user but i don't know how to make it. please help

Pathos316

8/10/2023

Is it possible to use both Astro.js & Sass/Scss?

Same as title: Can you use Sass (or scss) in conjunction with the astro.js framework? I suspect that the answer is no—or that you could, but there wouldn’t be much point, since you can already write the css in each page with astro—but I wanted to verify....

Pat66

8/10/2023

Pseudo-element ...

Hi everyone I realise this effect
https://codepen.io/alpha_66/pen/dyQEEOd ...

Ontex

8/10/2023

Conditional Type

Is it possible to have a type which resolves between two types with a conditional whether a field on an object exists or not. ```typescript Type A = {a: string, b: string} Type B = {c: string, b: number}...

Hamza Naeem

8/10/2023

Which semantic tag to use for this?

Hi, for this banner on top, in which semantic tag should I wrap it?

CDL

8/10/2023

Changing innerHTML content into createElement/Append - What is the best way to attack this?

I'll include a snippet of code I'd like to change from the security lacking innerHTML, to something more secure (assuming textContent once I've created the element + added a class to it), is anyone able to provide an example of how I would transfer this from innerHTML to a more secure variant? The way I think it needs to be done is for each element, I need to create a variable that contains createElement, classList and the textContent, am I on the right path? I wuold then append each element to it's relevant parent, so for the below I THINK I create the div and append it to the nav, create the 3 a links and append them to the div. ```js...

Lofty!

8/10/2023

Follow up on a hamburger animation

I wanted this humburger to start wobbling and walk out of the acreen on click. How would I.. animate it to be so? I've a small mockup of the wobble animation, but a tad bit confused on how to bring it together. https://codepen.io/lofty-brambles/pen/JjeqyPj...

Việt Hưng Nguyễn

8/10/2023

change border color compatible with header background

Hello everyone, i am using the library fullcalender to handle my task about calendar. The code it write with reactjs, html, css. I facing a problem, what i want is the color of border in each column have color compatible with color of the background header column. The image is my project look like right now

Hamza Naeem

8/10/2023

How to center it?

How could I center the nav items in both screens, I tried to do but I could not. https://codepen.io/hamzacodepen951/pen/qBQGJLK...

Pat66

8/10/2023

set a background with linear gradient

Hi everyone I get shame to make this request I want set a background ...

Hamza Naeem

8/10/2023

What to do first?

Hello there, I am newbie, I wanted to know which one is good practice, either to first HTML first of full page and then write CSS and media queries, or to write HTML, CSS and media queries together?

Dev_zxc

8/10/2023

Vuetify grid

why does this doesnt work? i want to create a 3 cards in 1 line, i am using vuetify in nuxt3

hackett_hkd

8/10/2023

How can I animate an existing element when appending a new one?

I am attempting to create a chatroom animation where new messages are generated automatically. Here is my codepen link for your reference. https://codepen.io/hackett-lai/pen/MWzdeBB ...

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