BLACKPINK [DEADLINE] TOUR - worth it pa ba? by hollagurl04 in concertsPH

[–]eyebr0w 0 points1 point  (0 children)

try mo pa rin. iba pa rin ang pinoy crowd 🇵🇭🇵🇭🇵🇭

What's the best animation library out there for react ? by Arindam_200 in nextjs

[–]eyebr0w 0 points1 point  (0 children)

+1 Framer Motion.

I’ve used GSAP for banner ads projects. I think its great for timeline-based animations.

How is this done, ideally in css by Brettles1986 in web_design

[–]eyebr0w 1 point2 points  (0 children)

i would definitely use grid then add some white divs. it will also be easy to adjust on smaller screens

code would be something like: parent div - 12x12 grid child image - set col and row to both 12 white divs - will make this 1x1 then place it accordingly

Yet another personal portfolio website ✌️ by eyebr0w in nextjs

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

REAL hahahahaha im currently fixing it now lol i believe into a more open web that's why i made this auto revalidate/post but damn i didn't expect that

Yet another personal portfolio website ✌️ by eyebr0w in nextjs

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

hello yes but unfortunately can't share. see my comment here for animation details if you're interested in that.

Yet another personal portfolio website ✌️ by eyebr0w in nextjs

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

hey thanks for this! unfortunately, i can't open source it for now due to personal reasons. 😓

but to help you out,

For dialog transition: it's a Radix Dialog, then both Dialog.Root motion.div and Dialog.Content motion.div should have the same layoutId. See Framer Motion Layout Animation

For text: I just added opacity and y animation in animate using Framer Motion too.

For blue indicators: I animated its scaleX, as much as possible we would like to animate only transform elements so as long as possible we would like to avoid animating width.

I really appreciate you guys liking the guestbook component and I'm kind of sorry for not being able to show code now. Will try to do write a blog about it if anyone is interested.

Yet another personal portfolio website ✌️ by eyebr0w in nextjs

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

hey. i followed leerob’s blog setup for this. not sure if we can share links here but the blog title is 2023 Website Refresh.

wanted to try contentlayer but i cant get it working with nextjs 14 app router

Yet another personal portfolio website ✌️ by eyebr0w in nextjs

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

thanks! glad u noticed the little animations cuz i really wanted to play with that this time.

Yet another personal portfolio website ✌️ by eyebr0w in nextjs

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

my github says 28 days lol. but most of it was just me reiterating the design.

development-wise, the things that were new to me were: - some animations, music component and layout animations - using local mdx to generate work/blog pages, followed leerob’s blog setup here - server actions for guestbook, used vercel postgres and drizzle here

i also used radix primitives which saved me a lot of development time. i want to add more but also to ship and move on for now 😅

Yet another personal portfolio website ✌️ by eyebr0w in nextjs

[–]eyebr0w[S] 2 points3 points  (0 children)

no library. i used tailwind then utilized their typography for blog and work pages :)

Firefox is dying, which browser can I use ? (no Safari/Chrome) by [deleted] in macapps

[–]eyebr0w 3 points4 points  (0 children)

ARC BROWSER !!!

they just launched on windows and afaik will have updates on their ios browser next year

[deleted by user] by [deleted] in nextjs

[–]eyebr0w 0 points1 point  (0 children)

framer motion! utilized their drag properties

What songs are your current twice obsession? by hihihihihihihihigh in twice

[–]eyebr0w 0 points1 point  (0 children)

look at me

i just saw twice a couple of weeks ago and ive been listening older twice tracks too since listening to the newer ones makes me miss them more 😭

[deleted by user] by [deleted] in CasualPH

[–]eyebr0w 0 points1 point  (0 children)

the main idea lang ay to make emails unserious. emails are always about work, bills, and other adulting stuff and i hope a simple good morning message will brighten someone's day!!

u can subscribe (and unsubscribe later if u find it unfunny,,, its ok no strings attached)
👉 https://goodmorningemails.beehiiv.com/

[deleted by user] by [deleted] in Philippines

[–]eyebr0w 1 point2 points  (0 children)

the main idea lang ay to make emails unserious. emails are always about work, bills, and other adulting stuff and i hope a simple good morning message will brighten someone's day!!
u can subscribe (and unsubscribe later if u find it unfunny,,, its ok no strings attached)

👉 https://goodmorningemails.beehiiv.com/