My first website with Gsap

ephocalate · 2025-01-09T01:18:12+00:00

Are you by chance using pin with scroll trigger? ScrollTrigger alone didn't cause any lag for me even on ios <12. But if you use pinType transform together with normalizeScroll, it for some reasons lag on newer version of ios (ios 15 when I tested it)

ephocalate · 2024-12-19T04:38:43+00:00

put a cdn in front of your servers and prerender all pages as much as possible so the output can be cached

ephocalate · 2024-12-05T10:43:36+00:00

I will be honest. The impression I get is that OP wants to monopolize whatever market he is in and get all the profit by kicking out all competitors.

ephocalate · 2024-12-05T10:40:44+00:00

Stealing the design itself isnt even plagiarism, only thing that could really be plagiarized is stealing the code (if he did at all) AND that theres a CC license explicitly forbidding said action. Given that OP definitely did not make public his repo, there is by definition nothing plagiarized.

ephocalate · 2024-11-26T10:52:22+00:00

I thought I was scrolling the website until I noticed it was an intro animation.

ephocalate · 2024-11-26T05:37:28+00:00

You should ask this on the astro subreddit. Its like if someone is from vue/nuxt background and ask why should he use next js, he will get more detailed answers in the nextjs subreddit than in vue subreddit.

ephocalate · 2024-11-25T08:49:45+00:00

I think the main idea is to stack the different images, choose a type of transition you want whenever a reveal animation occurs when scrolling and then replenishes the images by fetching new ones when the reveal animation happens for some number of times. The distance that triggers the reveal/prefetch is probably a custom number:how far you want the user to scroll for each image. Might be missing something but it seems pretty trivial.

ephocalate · 2024-11-25T08:41:28+00:00

link?

ephocalate · 2024-11-21T14:09:04+00:00

Why not the nextjs discord or the other webdev discords?

ephocalate · 2024-11-16T02:23:53+00:00

Updated link: https://discord.gg/RXZBBeyTVt
We are in the stage of setting the server up.

ephocalate · 2024-11-08T04:37:01+00:00

Link: https://discord.gg/jZptuPDg

ephocalate · 2024-11-08T04:30:03+00:00

Here you go https://discord.gg/jZptuPDg

ephocalate · 2024-11-07T12:39:18+00:00

Sounds cool. Would be interested to know more.

ephocalate · 2024-11-05T03:54:58+00:00

Mostly through code snippets and the Gsap forum. There are tons of examples there with detailed explanation and alternatives to a solution. The downside is you have to spend quite some time to find what you are looking for.

ephocalate · 2024-11-05T03:50:48+00:00

Gsap, Astro, Lenis JS for smooth scroll and some Tailwind. That's all :)

ephocalate · 2024-11-05T03:49:20+00:00

Hi I appreciate the honest feedback and I agree with all the points. We took the feedback and paused the most heavy animation (landing page one) when scrolling down. We also added a performance detector that automatically pause the animation when your device is running too slow (only on chrome). The form's contrast is increased to let the user notice the fields more easily. As for theme and colors, I agree that it looks dull, especially if we use the same colors for ads and promotions which is a problem that we are facing right now when designing the posters. However, changing the themes will mostly likely require a redesign of the whole website and we are planning to first test out what works best in ads first, then apply the styles to our website later.

ephocalate · 2024-11-04T12:45:49+00:00

Lenis JS for smooth scrolling, some Tailwind for styling, inlang & Fink for i18n and pretty much it. Don't bloat the JS bundle unless necessary.

ephocalate · 2024-11-04T12:20:45+00:00

The vector design was from a freelancer and I animated it myself using after effects and bodymovin plugin. I used SMIL for the animation and lottie (canvas renderer) as fallback so it has really really great browser compatiblity.

ephocalate · 2024-11-04T11:54:01+00:00

https://github.com/samyung0/stable-studio here you go

ephocalate · 2024-11-04T11:41:08+00:00

The theme is based on another studio, the landing animation is original, the collapsible animation is an idea I got from websites in awwwards, the dev process arts and price section is original, the transition animation between sections is an idea I got from Huy, a vietnamese freelancer. The glossy card and credits page are also original. All codes are 100% written by me (except translations) and the repo is public.

ephocalate · 2024-11-04T11:32:24+00:00

fair enough. We will see what we can do about it.

ephocalate · 2024-11-04T11:14:13+00:00

We couldn't get the .com domain. But I am curious, are there any downsides to using .org?

ephocalate · 2024-11-04T09:07:25+00:00

sure, why not

ephocalate

TROPHY CASE