Giorgio Fnool's Avatar

Giorgio Fnool

@giorgiofnool

Interaction designer & developer @basilicoagency / Bass player / Dev Jury @awwwards

24
Followers
73
Following
27
Posts
16.11.2024
Joined
Posts Following

Latest posts by Giorgio Fnool @giorgiofnool

Preview
Schedule | Digital Design Days Palermo | 27-28 June 2025 DDDx is an itinerant event created as part of DDD’s mission, organized to provide local communities, organizations, and professionals with the same opportunities for inspiration, education, and networ...

Live version: palermo.ddd.live/schedule/

19.05.2025 15:30 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

An hidden feature, that I think it's really useful, is the ability to go next and prev using the detail overlays.
The pagination change based on the underlying list.

19.05.2025 15:30 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Post image

Here's the css

19.05.2025 15:30 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

Nothing revolutionary πŸ˜€ It’s like a calendar where concurrent events stay in place regardless of content length β€” but it’s pretty solid. Here's the mobile:

19.05.2025 15:30 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

πŸ› οΈ Insight about the next DDD Conference website.

Hoping to have finally "solved" the classic struggle with multi-room schedule, we created a CSS grid solution where each session is positioned based on start time and duration.

πŸ‘‡πŸ§΅

19.05.2025 15:30 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

πŸŽ‰ Our project for Dass is Website of the Day on CSS Design Award β€” thanks to the jury!

We jumped on the dither trend with a
@pixijs.com custom shader + the usual @gsap-greensock.bsky.social help.

Better seen live: dass.it

Also running on Awwwards, drop a vote? πŸ’–

03.04.2025 08:59 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Hahaha no way! πŸ˜‚

07.02.2025 08:35 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Well, yours is more complex, sir, I admit that! 😍

07.02.2025 08:13 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

😲 I'm doing the same for a page header. What are the odds? Must be something in the air. πŸ˜‚

07.02.2025 08:07 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I’m following you hoping that one day a guide for a self hosted Astro ISR solution will pop up in the feed πŸ˜€β€οΈ

11.12.2024 14:04 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

πŸ› οΈ Point cloud flowers in WebGL using @threejs,
@greensock, and @barba_js.

3D is made from a photogrammetry model, optimized in blender, exported as json and then animated with Gsap.

Toughest challenges? Avoiding GPU reloads and positioning objects in the scene πŸ˜…

09.04.2024 08:26 πŸ‘ 6 πŸ” 3 πŸ’¬ 0 πŸ“Œ 0
Post image

TBC website is nominated for the Site of the Month on @awwwards!

It's already an incredible achievement, but to make the dream a reality, we need a helping hand πŸ’›

Please cast your vote here and get ready for the party if all goes well 🍾

awwwards.com/awards-of-the-…

01.03.2024 15:59 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

Better is better than best. (cit)

TBCo website is on @awwwards, if you like it, or liked them, or like us, please drop a vote.
🩷 C'mon stone-hearted, it's Valentine's day! πŸ˜€πŸ˜…

->

awwwards.com/sites/the-bett…

14.02.2024 13:22 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

This was a bit tricky.

Page transition and "off canvas" menu that crop the actual page. It's easy with a fake scrollbar but keeping it native on mobile is not.

Scroll hijacking on mobile makes me feel dirt, so that's why πŸ˜€

@greensock @basilicoagency

19.12.2023 15:38 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

WEBGL HELP!

Does anyone know a way to detect if a browser is using an integrated GPU instead of a discrete? The tipical use case is Chrome on Windows running at 5fps when Edge runs smoothly at 60.

14.09.2023 06:56 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

With a great copy it’s always easy and fun to make animations.

A collab w/ Scott&Victor, design and illustration by @isipisi23, with the usual help from @greensock.

22.08.2023 13:46 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

Funny animations that goes hand with hand with a custom WebGL pointer.
@elisacastrini @basilicoagency

29.11.2022 10:47 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

This time was tricky to get 60fps@5k!
Design by @lestatom for @basilicoagency but full of performance pitfalls like videos, border radius, bg and fog that change color during the animation.
The cards movement is a big @greensock timeline, the bg and borders are 2d canvas.

29.11.2022 10:42 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

Sneak peek of a new project designed by @lestatom for @basilicoagency: a smooth and fluid cursor made with WebGL. Based on the good old FBO by the mighty @luruke and the ubiquitous @greensock GSAP.

20.10.2022 07:40 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

Done this a while ago but never shown here, @greensock #gsap animation using CSS custom properties only is my favourite tool lately

29.09.2022 09:09 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

Back to work after a surgery I found this amazing gift. @basilico_int best workplace on earth!

13.10.2020 08:39 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

I’m so glad to be part of the @AWWWARDS family and join with the lovely @isipisi23! #AwwwardsJury2019 #awwwards

27.02.2019 20:09 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Jury 2024 Awwwards Jury. An expert panel formed by some of the most important designers, bloggers and agencies in the world takes on the difficult task of assessing...

Guess who's been chosen to join the @Awwwards Jury 2019 and save the planet from the evil ones!?#AwwwardsJury2019

bit.ly/2FR72Un

25.01.2019 10:49 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Friday Andrea Van Cleef Β· Tropic of Nowhere Β· Song Β· 2018

By the way, it’s Friday! #friday #andreavancleef

open.spotify.com/track/6caBUc4Y…

09.11.2018 07:18 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

#todaysrunningsoundtrack : NoMeansNo - Wrong

21.02.2012 15:35 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

#todaysrunningsoundtrack: Mondo Generator - A drug problem that never existed.

11.02.2012 11:03 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

#todaysrunningsoundtrack Screaming Trees - Sweet Oblivion

08.02.2012 17:46 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0