Giorgio Fnool
@giorgiofnool.bsky.social
Interaction designer & developer @basilicoagency / Bass player / Dev Jury @awwwards
🛠️ 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.
👇🧵
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.
👇🧵
May 19, 2025 at 3:30 PM
🛠️ 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.
👇🧵
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.
👇🧵
🎉 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? 💖
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? 💖
April 3, 2025 at 8:59 AM
🎉 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? 💖
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? 💖
🛠️ 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 😅
@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 😅
December 1, 2024 at 9:11 AM
🛠️ 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 😅
@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 😅
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-…
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-…
December 1, 2024 at 9:10 AM
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-…
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-…
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…
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…
December 1, 2024 at 9:10 AM
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…
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…
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
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
December 1, 2024 at 9:10 AM
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
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
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.
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.
December 1, 2024 at 9:10 AM
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.
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.
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.
A collab w/ Scott&Victor, design and illustration by @isipisi23, with the usual help from @greensock.
December 1, 2024 at 9:10 AM
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.
A collab w/ Scott&Victor, design and illustration by @isipisi23, with the usual help from @greensock.
Funny animations that goes hand with hand with a custom WebGL pointer.
@elisacastrini @basilicoagency
@elisacastrini @basilicoagency
December 1, 2024 at 9:09 AM
Funny animations that goes hand with hand with a custom WebGL pointer.
@elisacastrini @basilicoagency
@elisacastrini @basilicoagency
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.
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.
December 1, 2024 at 9:09 AM
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.
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.
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.
December 1, 2024 at 9:09 AM
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.
Back to work after a surgery I found this amazing gift. @basilico_int best workplace on earth!
December 1, 2024 at 9:08 AM
Back to work after a surgery I found this amazing gift. @basilico_int best workplace on earth!
I’m so glad to be part of the @AWWWARDS family and join with the lovely @isipisi23! #AwwwardsJury2019 #awwwards
December 1, 2024 at 9:08 AM
I’m so glad to be part of the @AWWWARDS family and join with the lovely @isipisi23! #AwwwardsJury2019 #awwwards
Guess who's been chosen to join the @Awwwards Jury 2019 and save the planet from the evil ones!?#AwwwardsJury2019
bit.ly/2FR72Un
bit.ly/2FR72Un
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...
bit.ly
December 1, 2024 at 9:08 AM
Guess who's been chosen to join the @Awwwards Jury 2019 and save the planet from the evil ones!?#AwwwardsJury2019
bit.ly/2FR72Un
bit.ly/2FR72Un
Friday
Andrea Van Cleef · Tropic of Nowhere · Song · 2018
open.spotify.com
December 1, 2024 at 9:08 AM
#todaysrunningsoundtrack : NoMeansNo - Wrong
December 1, 2024 at 9:08 AM
#todaysrunningsoundtrack : NoMeansNo - Wrong
#todaysrunningsoundtrack: Mondo Generator - A drug problem that never existed.
December 1, 2024 at 9:08 AM
#todaysrunningsoundtrack: Mondo Generator - A drug problem that never existed.
#todaysrunningsoundtrack Screaming Trees - Sweet Oblivion
December 1, 2024 at 9:08 AM
#todaysrunningsoundtrack Screaming Trees - Sweet Oblivion