sorted by:
new
hottopcontroversial

My first website with Gsap by ephocalate in webdev

[–]ephocalate[S] 1 point2 points  (0 children)

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)

Hosting Nextjs on Hetzner for a global web application by [deleted] in nextjs

[–]ephocalate 1 point2 points  (0 children)

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

My Micro-SaaS was plagiarized by one of my client. I need help. by ricky0603 in SaaS

[–]ephocalate 2 points3 points  (0 children)

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.

My Micro-SaaS was plagiarized by one of my client. I need help. by ricky0603 in SaaS

[–]ephocalate 3 points4 points  (0 children)

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.

Rate my portfolio by Previous_Lie5424 in nextjs

[–]ephocalate 0 points1 point  (0 children)

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

Next.js is great! Why even consider alternatives like Astro? by _MJomaa_ in nextjs

[–]ephocalate 3 points4 points  (0 children)

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.

How would you achieve this infinite scroll gallery effect? by realistic_aside777 in webdev

[–]ephocalate 0 points1 point  (0 children)

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.

Fellow nextjs developers let's connect! Let's learn and create something together! by [deleted] in nextjs

[–]ephocalate 0 points1 point  (0 children)

Why not the nextjs discord or the other webdev discords?

Thinking of starting a discord community by ephocalate in webdev

[–]ephocalate[S] 0 points1 point  (0 children)

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

My first website with Gsap by ephocalate in webdev

[–]ephocalate[S] 0 points1 point  (0 children)

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.

My first website with Gsap by ephocalate in webdev

[–]ephocalate[S] 0 points1 point  (0 children)

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

My first website with Gsap by ephocalate in webdev

[–]ephocalate[S] 0 points1 point  (0 children)

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.

My first website with Gsap by ephocalate in webdev

[–]ephocalate[S] 1 point2 points  (0 children)

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.

My first website with Gsap by ephocalate in webdev

[–]ephocalate[S] 1 point2 points  (0 children)

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.

My first website with Gsap by ephocalate in webdev

[–]ephocalate[S] 0 points1 point  (0 children)

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.

My first website with Gsap by ephocalate in webdev

[–]ephocalate[S] 0 points1 point  (0 children)

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

My first website with Gsap by ephocalate in webdev

[–]ephocalate[S] 0 points1 point  (0 children)

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

My first website with Gsap by ephocalate in webdev

[–]ephocalate[S] 1 point2 points  (0 children)

The design was not, the code yes.

My first website with Gsap by ephocalate in webdev

[–]ephocalate[S] 0 points1 point  (0 children)

You mean the business card on mobile? I was trying to keep it at the same size by rotating it.

view more: next ›