missymae#2783 Comments - Answer Overflow

missymae#2783

•Created by Irtal on 6/22/2024 in #back-end

I want to create an effect and i dont know how

Clip-path can be animated with css, with JS to find mouse positions. It might not be hard if you can animate a sine wave with damping, idk.

5 replies

KPCKevin Powell - Community

•Created by luca on 6/10/2024 in #ui-ux

Can I get some feedback for my website?

No it's good

34 replies

KPCKevin Powell - Community

•Created by luca on 6/10/2024 in #ui-ux

Can I get some feedback for my website?

34 replies

KPCKevin Powell - Community

•Created by kingtigerknight on 5/21/2024 in #front-end

[Solved] The "transition" doesn't work

That's part of the problem with sharing only partial code, we can't see if there are conflicts

15 replies

KPCKevin Powell - Community

•Created by kingtigerknight on 5/21/2024 in #front-end

[Solved] The "transition" doesn't work

What do you mean it worked with html? There might be a problem when background is a different color format in different rules. For example here you have rgb and rgba , and you might fix the problem by choosing only one to use everywhere for that element.

15 replies

KPCKevin Powell - Community

•Created by Jimster on 5/20/2024 in #os-and-tools

Worskspace VSCode File Remove

That's the project for the workspace, the outline and timeline are related to the project. If you want to delete files, you can left click to expand .MINECRAFT and delete files and folders inside. If you want to open a different project, you can open workspace from file or a new window

2 replies

KPCKevin Powell - Community

•Created by roger on 5/13/2024 in #front-end

how can we do it?

svg fill property?

29 replies

KPCKevin Powell - Community

•Created by greenleaf02 on 4/26/2024 in #back-end

trouble using express.js

It looks like an error in the syntax you used to import something in the first line of your app. If you share the first line the problem might be there.

12 replies

KPCKevin Powell - Community

•Created by Pat66 on 4/23/2024 in #front-end

Mouse follow

.mouse{}

.mouse{}

you have transition: .3s , so the .mouse element will transition with .3s duration every time the mousemove eventlistener changes the top or left property. Maybe you want to specify which property to target, for example

transition: transform .3s;

transition: transform .3s;

the .mouse element will follow the movement quickly, but the size will change slowly. You can have multiple of those in a comma separated list, like

transition: top .1s, left .1s, transform .3s;

transition: top .1s, left .1s, transform .3s;

6 replies

KPCKevin Powell - Community

•Created by Tenkes on 4/14/2024 in #back-end

Next.js v14 | Issue with intercepting and parallel routes

https://nextjs.org/docs/app/building-your-application/routing/intercepting-routes

6 replies

KPCKevin Powell - Community

•Created by Tenkes on 4/14/2024 in #back-end

Next.js v14 | Issue with intercepting and parallel routes

Maybe your problem is because the intercept is not on the same level as post. Instead of (.)post you might need (..)post

6 replies

KPCKevin Powell - Community

•Created by CHUIS✩ on 4/10/2024 in #front-end

ReactJS (Tailwind CSS)

You'll also want a method for closing the modal

8 replies

KPCKevin Powell - Community

•Created by CHUIS✩ on 4/10/2024 in #front-end

ReactJS (Tailwind CSS)

IDK if you're using a UI library - usually a Modal has a boolean prop like isOpen. A modal can use a css class to toggle display: none or block, for example. in the EmailForm I would suggest a [openModal, setOpenModal] useState(false), or something like that (the setter part of a useState should use the same name as the first part, btw, so [onError, setOnError] for example), and take isOpen as a prop in your Modal component. I assume you want the modal to pop up when it knows which text to display. So you can have the <Modal> in the return of your EmailForm, and set if it's displayed, and what message with a useState. It can be done with 1 variable, but I would use a second like [error, setError] = useState(null) that will decide which message to display return ( <Modal isOpen={openModal} modalMessage={!error ? modalTextSuccess : error ? modalTextError : ""} /> ... rest of form

8 replies

KPCKevin Powell - Community

•Created by CHUIS✩ on 4/10/2024 in #front-end

ReactJS (Tailwind CSS)

someone can correct if I'm wrong, but react components should be 'pure functions' and synchronous, not render async or in promises.

8 replies

KPCKevin Powell - Community

•Created by Justine on 4/11/2024 in #front-end

css grid empty white space

I would try wrapping each column in a separate div. Grid will put overflow on a new row, so you see these gaps. The grid-area property can be used instead. There are also libraries and probably many ways to do this, if you look for "masonry layout".

4 replies

KPCKevin Powell - Community

•Created by CHUIS✩ on 4/10/2024 in #front-end

ReactJS (Tailwind CSS)

When you handle the success and error, you can set a usestate boolean, and conditionally render the content or children in your modal body. Something like

{!error ? modalTextSuccess :  error ? modalTextError : ""}

{!error ? modalTextSuccess :  error ? modalTextError : ""}

8 replies

KPCKevin Powell - Community

•Created by greenleaf02 on 4/10/2024 in #ui-ux

how to use a response from an api request

it's a JSON object. You can read the first section here https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch Here is an example.

  async function catConsole() {
    await fetch("https://catfact.ninja/fact").then((res) =>
      res.json().then((res) => console.log(res.fact))
    );
  }

  async function catConsole() {
    await fetch("https://catfact.ninja/fact").then((res) =>
      res.json().then((res) => console.log(res.fact))
    );
  }

12 replies

KPCKevin Powell - Community

•Created by NIMA on 4/1/2024 in #front-end

i need help make this part of js

^^ and those are ways with JS only 👍🏽

27 replies

Gaming

Programming