corizon. Comments - Answer Overflow

corizon.

Posts Comments

KPCKevin Powell - Community

•Created by corizon. on 4/21/2025 in #help

Implementing a loader animation

please guys any help yet?

4 replies

KPCKevin Powell - Community

•Created by corizon. on 4/21/2025 in #help

Implementing a loader animation

just cleared the whole code earlier. i had to undo to get it back. it's okay if someone can do anything from scratch. even if it's not gsap. cause all i want is for the animation to play when i get to the section.

4 replies

KPCKevin Powell - Community

•Created by lko on 4/21/2025 in #help

How problematic is this for accessibility?

you're welcome bro

11 replies

KPCKevin Powell - Community

•Created by lko on 4/21/2025 in #help

How problematic is this for accessibility?

it will come with issues that will affect screen readers and few other factors which i'm not really sure of.

11 replies

KPCKevin Powell - Community

•Created by lko on 4/21/2025 in #help

How problematic is this for accessibility?

I believe it's valid in HTML5 and will work as supposed, but it can come in with some accessibility and semantic drawbacks. so, generally It's not ideal for accessibility.

11 replies

KPCKevin Powell - Community

•Created by lko on 4/21/2025 in #help

How problematic is this for accessibility?

something like:

.hidden-form {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.hidden-form {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

11 replies

KPCKevin Powell - Community

•Created by lko on 4/21/2025 in #help

How problematic is this for accessibility?

You can just use a visible form:

<form id="delete-form" method="POST" action="/delete-post">
  <button type="submit">Delete Post</button>
</form>

<form id="delete-form" method="POST" action="/delete-post">
  <button type="submit">Delete Post</button>
</form>

but if you want to keep the button outside the form just hide it with css.

11 replies

KPCKevin Powell - Community

•Created by lko on 4/21/2025 in #help

How problematic is this for accessibility?

Hidden form (with display: none) Assistive technologies (like screen readers) may not detect the form at all, depending on how the browser and screen reader interpret display: none. Lack of user feedback If there's no visible form or confirmation UI, users (especially keyboard or screen reader users) may not know what's going to happen when they press the "Delete Post" button. “Delete Post” is a terminating action. so there should be some aria-label, confirmation prompt, or dialog to make this interaction clearer. I hope you get

11 replies

KPCKevin Powell - Community

•Created by corizon. on 1/3/2025 in #front-end

Please how do i achieve this?

you helped lol

56 replies

KPCKevin Powell - Community

•Created by corizon. on 1/15/2025 in #front-end

pinned element on scroll

yeah

9 replies

KPCKevin Powell - Community

•Created by corizon. on 1/15/2025 in #front-end

pinned element on scroll

yes i kinda figured it out not but i experience some jumpy behavior while i scroll

9 replies

KPCKevin Powell - Community

•Created by corizon. on 1/15/2025 in #front-end

pinned element on scroll

oh no no, the pinning on the right was done with css. i pasted my js code in the code pen. the whole effect should be more accomplishable with gsap. i just used the css ticky code to show the effect i was trying to achieve. the left side pins correctly, why the right side doesn't pin properly for reasons i can't tell, but i know the end position of my markers are not where it is meant to be. so it causes the left side to unpin before the right side would be able to reach it's end.

9 replies

KPCKevin Powell - Community

•Created by corizon. on 1/15/2025 in #front-end

pinned element on scroll

just thought i should add this, at first the issue i had was that of the text being too long i was able to shorten the text, now i have some kind of jumpy pinning on mobile same as desktop where the image tries to fill up the gap or space created. so i had to throw a height of 100vh on the image to make it not to move. it's a lot going on tho be honest. i will really appreciate any help or idea. thanks y'all:)

9 replies

KPCKevin Powell - Community

•Created by corizon. on 1/15/2025 in #front-end

pinned element on scroll

i want to end up with the card stack effect above, where the left hand side pins until the user finishes the scrolling throught the cards as they stack on each other on the right side. then unpin once they are done. here's my codepen link showing my setup: https://codepen.io/Chinagorom-Charles/pen/dPbmKzw

9 replies

KPCKevin Powell - Community

•Created by corizon. on 1/3/2025 in #front-end

Please how do i achieve this?

and i just added the images 🥹 thanks a lot everyone especially @Chris Bolson and @i_lost_to_loba_kreygasm 🤍

56 replies

KPCKevin Powell - Community

•Created by corizon. on 1/3/2025 in #front-end

Please how do i achieve this?

now unto the next: putting my images inside the timeline 🙂

56 replies

KPCKevin Powell - Community