Jus Sus || 💀
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 4/13/2024 in #front-end
Grid gap having uneven gaps
10 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 2/15/2024 in #front-end
How to change color of the select dropdown icon
8 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 1/8/2024 in #front-end
How to generate this using css
7 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 11/3/2023 in #front-end
Resizing issue
https://codepen.io/stressunfit/pen/NWoROgx?editors=1111
I am not able to figure out why resizing isnt working properly when i try to resize with any handle expect bottom right handle. Bottom right handle works fine. Any kind of help we be greatly appreciated. Thank you...
2 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 11/3/2023 in #front-end
How to achieve this using HTML Canvas
Hi, i have been trying to be a canva like application using vanilla js (no libraries). right now i am working on adding texts to the canvas. What approach should i follow to achieve this : https://www.veed.io/view/f6da6b9d-6dc7-4ea7-aa1a-786579e26215?panel=share
1 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 11/2/2023 in #front-end
HTML Canvas flickering
Hi i am trying to build a editing application like canva. right now i added functionality of image adding, resizing and dragging: https://www.veed.io/view/7867c461-0e4a-47b8-b0d0-b498ccc8d67f?panel=share. When i make any of dragging or resizing or even selecting an element on the canvas. the canvas flickers. I think this is because of frequent draw on canvas. How to avoid it.?
4 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/28/2023 in #front-end
How to make this text transition animation
https://www.veed.io/view/0d3307a9-842a-4b92-893a-a161d5271ced?panel=share
Hi, i am struggling to make this infinite loop of transitions between different words. Can anyone guide me please. Codepen would be very helpful❤️
3 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/28/2023 in #front-end
After one cycle of animation the screen goes white, How to avoid it
https://codepen.io/stressunfit/pen/PoXdyNv
Hello.., so i made this animation which transitions betweeen multiple images but after one cycle completes empty white screen fades in and out, how to avoid it?. Any kind of help would be very helpful. Thank you..
16 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/24/2023 in #front-end
Pseudo element not going behind parent element using z-index
https://codepen.io/stressunfit/pen/BaMyJEr?editors=1100
Hi in this codepen i am trying to create number 1. i want the pseudo element to go behind the .number div but i am not able to achieve that. can anyone explain how stacking context is working here.
7 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/23/2023 in #front-end
How to repeat text using ::before and ::after
26 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/20/2023 in #front-end
How to make the middle part of this loader transparent
https://codepen.io/stressunfit/pen/MWLgQee
Hi, i made a loader but i am facing issue to make the middle part transparent. if i set
.inner-circle class same color as background color it looks fine. but i want it to be transparent so that i can show this loader on picture's.3 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/14/2023 in #front-end
Best practices to make a React website faster.
Hi, I have been working in a early startup as a intern. I was given charge to building the frontend part of it. So the website is e-commerce and is getting more and more complex as we are building also the load time is increasing. Currently avg load time is around 3-4s. I wanted to know all the best practices and if you could point me to any resource that has helped you in your carrier i would be very thankful❤️. I just want to learn more and more no matter how complex it can get.
6 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/13/2023 in #front-end
How to make this animation have infinite loop
https://codepen.io/stressunfit/pen/QWzPOMR
Right now this animation is rolling back after a iteration. i want it to keep going up without rolling back down.
11 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/11/2023 in #front-end
Fixed position element causing issue on hover
https://www.veed.io/view/415c35b6-2139-4b4b-a0a5-3ac0852561e2?panel=share. I have attached a video above. The search element is positioned fixed 550px from top. then expanding of seachbar works fine when i dont scroll. but when i scroll and then hover it glitches. I switched to position absolute then that glitch affect goes away but i will not same fixed position relative to viewport. Here is the code:
codepen: https://codepen.io/stressunfit/pen/gOZEmWp?editors=1100
6 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/11/2023 in #front-end
How to make this heart icon
20 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/10/2023 in #front-end
How to achieve this animation
https://www.veed.io/view/a4e9b64b-1e53-4903-a087-feb493f5c6bb?panel=share
I am trying to replicate this animation but unable to achieve it. Any kind of help will be very helpful❤️. These are the resource images i used: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg2YMdBO9YXfFyg2LdUjtzediDJP7jmeAScKWY193RmdNB5XvzWDuyw1-PcSR8SfrNCPMXkl9kqzi4Ki-k3MJqZCx1oKwszHq3ONlcH_36SS5pio5i32ZyPe1NKPu0B2TkRvI7dkeCbXUNyOJvl0SSlFPiXBOrq52y370VzyrkJ1IQJx8XkHsMFRA1AHwX/s619/blurryLargeImage.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEi1BIRQR9ZU64asiLsCADXLIe8qI6XEU3nlCqP215029bSO9-2Kvo04FbCFj6JbCZVv9YOKlocSmWDsp3C2euep8GhcTnm9VHjVfNuDT1jTDZDws2UR1KfqhJU5dRUdo759LE03uMAfHvddt2FOhM7rHrT_WsPDpAUT1aYUgw5PxgrNVjDspvxd3nY_0H/s1218/clearLargeImage.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Kj07qNDNK5LvfahTTxHimxS0tSIUJFhXaUGuRkG0Sv-qDZ4VLgZQ9Uqv6rZOE2yH0oSE9HFl6h5trKRHn7EmUMv_C_k7Lxt84htljv1535VyjuvZCsxSrx4nllukQYseb6NH-n4pVAuI3BCcOvIh5NTrmirXspQKxaw3GehVlwQ5xYFfGKJEDzEKvMXj/s1218/roomImage.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCL1bwgBIJ-MpUuOZc5EtW7keDQWTUKbyMiCwSATpSOQWdHCRO4zO_W7w5MFJEdHaCwXQ3G4uKc9O3VeyTBnqNQmAY8TFIFLnQtE2fsRxMoa-EO-IMELe5nSIgHs5xXYNtt_sFa80-ihle6O3C8_m3UfRGJxap2QZR22YTjdOViI2ShCqhtQkgMdcgtioR/s256/smallImage.png
40 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/9/2023 in #front-end
How to animate text like this?
Hi guys. I am struggling to replicate this animation : https://www.veed.io/view/31810767-8caa-4f6b-8212-273bdd17dfbd?panel=share. i want a word to fade out just as in next word fades in. Any help i would be greatly thankful.
9 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/5/2023 in #front-end
How can i achieve this gradient effect
7 replies
KPCKevin Powell - Community
•Created by Jus Sus || 💀 on 10/3/2023 in #front-end
How to achieve this
10 replies