Live version: palermo.ddd.live/schedule/
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.
Here's the css
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:
π οΈ 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.
ππ§΅
π 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? π
Hahaha no way! π
Well, yours is more complex, sir, I admit that! π
π² I'm doing the same for a page header. What are the odds? Must be something in the air. π
Iβm following you hoping that one day a guide for a self hosted Astro ISR solution will pop up in the feed πβ€οΈ
π οΈ 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 π
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-β¦
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β¦
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
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.
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.
Funny animations that goes hand with hand with a custom WebGL pointer.
@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.
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.
Done this a while ago but never shown here, @greensock #gsap animation using CSS custom properties only is my favourite tool lately
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
Guess who's been chosen to join the @Awwwards Jury 2019 and save the planet from the evil ones!?#AwwwardsJury2019
bit.ly/2FR72Un
By the way, itβs Friday! #friday #andreavancleef
open.spotify.com/track/6caBUc4Yβ¦
#todaysrunningsoundtrack : NoMeansNo - Wrong
#todaysrunningsoundtrack: Mondo Generator - A drug problem that never existed.
#todaysrunningsoundtrack Screaming Trees - Sweet Oblivion