👀 Profile Banner
👀 Profile
👀

@fdrc_o

Followers
1,292
Following
373
Media
156
Statuses
2,080

creative direction and technology. also @okaydevs

internet →
Joined March 2013
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
@fdrc_o
👀
11 months
Launching something for me today: I’m working on a course. All I know about writing code in #webflow . From basic js, through animations to really advanced™ things. Live with this temporary (tiny) landing today, made w/ #webgl , #gsap and @webflow → 👀
47
41
590
@fdrc_o
👀
2 years
#webgl image live relight with normal and depth maps from @clipdropapp @threejs sandbox here
5
43
554
@fdrc_o
👀
2 years
#webgl is fun
6
30
441
@fdrc_o
👀
1 year
added some rough #shaders
10
11
192
@fdrc_o
👀
2 years
update: def not 12h - finally playing with some #webgl
4
12
190
@fdrc_o
👀
1 year
thinking an irregular sized #webgl slider with triggers all over the place is a good idea has once again reminded me that math is actually hard
6
8
172
@fdrc_o
👀
2 years
#webgl is still fun but even more fun is getting updated 3d weird chair assets so we can actually finish website. puffy one is a personal fav now want this for myself
4
10
142
@fdrc_o
👀
2 years
every time I add a piece to my native #webgl engine I end up crying and appreciating even more the work @mrdoob and the @threejs team is doing. y’all have no idea
2
10
136
@fdrc_o
👀
2 years
→ is live 👀 Portfolio website for Office For Future Furnishing, a design and research studio working digital and physical spaces. Compact #webgl slider for 3d models, few animation, really fun to concept, design and build. ↓
12
13
122
@fdrc_o
👀
2 years
normal weekend things: a head in #webgl
8
3
92
@fdrc_o
👀
1 year
#webflow websites: cool webflow's website? cooler stoked to have had the opportunity to work with the @itsoffbrand squad and the amazing @webflow team and bring the new era to life. you might have already seen it, but →
@itsoffbrand
OFF+BRAND.
1 year
A month ago, @Webflow tasked us to reinvent their homepage. Together, we fused design, development, motion & WebGL, all with a sharp focus on performance. Ready for its debut at @WebflowConf yesterday! Link below, dive in and enjoy! #webflow #webgl
38
51
836
19
7
91
@fdrc_o
👀
2 years
me: I'll yolo this build in 12 hours also me: yes let's spend 6h on smoothing out #gsap animations
5
2
78
@fdrc_o
👀
1 year
client: yes great weird brief me: also #webgl camera controls through face orientation and emotions w/ ai
10
0
72
@fdrc_o
👀
11 months
#webgl rubik’s cube in @webflow for an upcoming project 👀 took 2 hours to get to rotate on all axis
9
4
71
@fdrc_o
👀
2 years
could not resist. also first time in my life actually using bounce easing from #gsap . thanks @greensock
0
6
66
@fdrc_o
👀
1 year
tried react three fiber stole a rock from @thecosmos spent 2 solid hours trying to invert a matrix to then discover glsl has an inverse() function good day
5
1
56
@fdrc_o
👀
2 years
@awwwards
awwwards.
2 years
by @fdrc_o  wins #SOTD & #DEVAWARD Portfolio website for Office For Future Furnishing, a design and research studio working digital and physical spaces. ↳ #Transitions #3D
2
9
100
4
2
40
@fdrc_o
👀
2 years
look mom I'm on @godlywebsite () w/ →
Tweet media one
2
0
37
@fdrc_o
👀
9 months
this wild but go vote (for someone else) 👀
Tweet media one
7
1
36
@fdrc_o
👀
1 year
me: slapping en export from XD on a plane. @0xca0a hold my beer
@0xca0a
☄︎
1 year
how to have URL routes inside your scene, as well as bind webgl text to html to that it's accessible, selectable, and webgl gets to refract it.
26
176
2K
4
1
32
@fdrc_o
👀
1 year
go vote for @gigaciao thanks 👀
2
1
32
@fdrc_o
👀
2 years
🫡
@cssdesignawards
CSS Design Awards
2 years
Website Of The Day is OFFFICE by Federico Valla @fdrc_o #webdesign #webdev #cssdaWOTD #CSSDesignAwards
0
16
79
7
0
32
@fdrc_o
👀
8 months
apparently my large forehead is doing something with @josephberry88 👀
@josephberry88
Joseph Berry®
8 months
Something juicy is in the making. Finally we get to colab together @fdrc_o sorry for the pic 🤣
Tweet media one
5
0
36
6
0
27
@fdrc_o
👀
2 years
@DaKangz this sounds amazing! now we only will have wait 30 years for safari to catch up
2
0
25
@fdrc_o
👀
8 months
#threejs is fun they said
4
0
24
@fdrc_o
👀
1 year
OR OB — 000
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
1
22
@fdrc_o
👀
11 months
quick train ride yesterday and gave a shot at wiggle bones in #threejs who have been stuck in my mind since @KMkota0 ’s talk at @awwwards don’t know how to rig things properly though
2
0
21
@fdrc_o
👀
1 year
Yukio Yashiro — The Realistic Botticelli
Tweet media one
Tweet media two
Tweet media three
Tweet media four
2
0
18
@fdrc_o
👀
1 year
slight — 001
Tweet media one
Tweet media two
Tweet media three
1
1
18
@fdrc_o
👀
1 year
@iljavaneck @RuffiniFilippo Glass material is the same one I used a long time ago and that @Anemolito talks about in his newsletter (subscribe). All refractions are just planes with images, handled as a single group that’s not added to the scene but rendered to a target.
1
2
15
@fdrc_o
👀
2 years
godly is my spirit website
@godlywebsite
Godly
2 years
OFFICE →
0
2
40
1
0
16
@fdrc_o
👀
11 months
the web is my fav place
@RavenKwok
Raven Kwok
6 years
Added a slider for speed control.
10
464
2K
1
0
16
@fdrc_o
👀
1 year
10/10 killer work!
@WengersToyBus
🐝 Bryan James
1 year
New work: website for the book, The Search for Work Happiness. 🔉🔛 Created with @Jesper_Landberg & @dalubofsky .
18
56
405
0
0
15
@fdrc_o
👀
2 years
@JacobJoaquin well to be fair I think 95% of people writing glsl pull from the same place so there’s probably a lot of repos with that exact code at this point
0
0
13
@fdrc_o
👀
2 years
never cared for page speed, lighthouse and all that but at this point I don't think this one can be published like this
Tweet media one
1
0
14
@fdrc_o
👀
2 years
well ok @active_theory won it all
@active_theory
Active Theory
2 years
Have you talked to Adam? @squarespace
7
37
195
2
0
13
@fdrc_o
👀
11 months
support cool independent things happening in the dev space < 3 👀
@KMkota0
Xavier (Jack)
11 months
Let’s go! The crowdfunding campaign starts now. Do you want the Wiggle Bones library for Three.js? You can back the project here → Use the coupon code BIRD for 20% off while it lasts ;) Let’s make it happen!
5
20
139
1
2
13
@fdrc_o
👀
2 years
safari is not
Tweet media one
3
1
13
@fdrc_o
👀
1 year
oh yes tailwinddddd
1
0
13
@fdrc_o
👀
8 months
re-learning gpgpu in #webgl from scratch, got a few weird ones in 🫡
1
0
12
@fdrc_o
👀
1 year
@iljavaneck @RuffiniFilippo @Anemolito Lots of videos rendered as texture on surface of the model for the video slider. Pixelated shader on top is a port of @akella ‘s codrops article into a custom post processing pass.
2
1
12
@fdrc_o
👀
2 years
wild to be featured in @Anemolito ‘s #webgl newsletter. now I feel the need to try the one that sits above me :). the project this was for died and plopped it in #webflow
1
2
11
@fdrc_o
👀
1 year
never forget to share @lusionltd work 👀
@lusionltd
Lusion™
1 year
Introducing Lusion Labs - where the marvels of our R&D projects come to life, both in the past and future. Explore it yourself at and be captivated by our innovative creations. Don't forget to share it with others and bookmark it for future inspiration.
4
71
602
0
0
12
@fdrc_o
👀
1 year
@callmejohnnie @webflow only well received rebrand of the last like 10 years as well haha
0
0
11
@fdrc_o
👀
8 months
arena > cosmos / savee change my mind
Tweet media one
2
0
10
@fdrc_o
👀
1 year
magic mushrooms — 001
Tweet media one
Tweet media two
Tweet media three
Tweet media four
1
0
11
@fdrc_o
👀
2 years
lovely twitter compression
@itsoffbrand
OFF+BRAND.
2 years
Exploring particle systems with @fdrc_o 👀✨ 🏗 Will share process insights when it's live. #webgl #threejs #particles
3
10
92
1
0
11
@fdrc_o
👀
2 years
also my target now is to always beat an empty #webflow project where the only content is "Hey"
Tweet media one
0
0
10
@fdrc_o
👀
10 months
@iljavaneck leave some SOTD for us chief
0
0
10
@fdrc_o
👀
8 months
👀
@itsoffbrand
OFF+BRAND.
8 months
The wait is over, MANIFESTO is here. Follow the clues to find your way through our interactive-interaction hunt and discover our manifesto. It's not a competition (it is), but your completion time will be revealed at the end. Tick tock. 🎧 Enhanced by sound 🔗👇 Link below
9
12
81
1
0
9
@fdrc_o
👀
1 year
~
Tweet media one
Tweet media two
Tweet media three
Tweet media four
0
0
8
@fdrc_o
👀
2 years
@ThePrimeagen I'll take it for javascript
0
0
8
@fdrc_o
👀
2 years
👀
@fdrc_o
👀
2 years
#webgl image live relight with normal and depth maps from @clipdropapp @threejs sandbox here
5
43
554
1
0
9
@fdrc_o
👀
3 years
weirdest stack so far. Eth blockchain based login and user system on @webflow through @Netlify and @supabase . Appreciation thread below 👀
2
1
9
@fdrc_o
👀
1 year
@cassiecodes can we get it back pls I like my animations to come with a weird man with the green sock
0
0
7
@fdrc_o
👀
1 year
it happened
Tweet media one
3
0
7
@fdrc_o
👀
11 months
@dylanjharrocks @elonmusk @grok too little flames and explosions tho
1
0
6
@fdrc_o
👀
1 year
@gabbart_ @thecosmos gladly! in this case was 1. googling react three fiber + thing I want to do 2. scream 3. not finding the most basic things 4. scream again
0
0
7
@fdrc_o
👀
1 year
I don't remember mines but I'm pretty sure @lusionltd website made me loose my shit quite hard. I remember obsessing over the footer for the most part of my early webgl years
@bizar_ro
Luis Bizarro
1 year
The ones that blew my mind are not available anymore. But it was mostly Cryptaris Mission () and the Active Theory projects () that made me literally go towards the path of "I don't want to work only with Front End, but with WebGL".
2
1
31
2
0
7
@fdrc_o
👀
1 year
@AVFCantoro almost native, I'm stealing matrices ops from twgl.js because I still don't hate myself that much haha
1
0
5
@fdrc_o
👀
3 years
@ChromiumDev @mrdoob the way I see this is @ChromiumDev asking for @mrdoob 's permission
1
0
5
@fdrc_o
👀
1 year
@ThomasCarre_ @bizar_ro easily one of the best things happened to the creative dev community
0
0
6
@fdrc_o
👀
1 year
@awwwards
awwwards.
1 year
Congratulations to @RuffiniFilippo on winning the #SOTD ! Check out his amazing portfolio showcasing UI/UX Design, Digital Branding, Interaction Design & Motion Graphics. 🎉👏🔥 Discover more at #DigitalMarketing #DesignInspiration
Tweet media one
2
4
52
0
0
6
@fdrc_o
👀
1 year
me, 3h into trying to make a figma to weirdjson to sanity import work, thinking about hiring data entry
Tweet media one
2
0
6
@fdrc_o
👀
11 months
In 1-2 weeks I’m planning on work a bit more on this site and answer some question live on stream, still no clue where and how so follow here if you want to stay in the loop → @fdrc_o
1
0
7
@fdrc_o
👀
1 year
@Alkoreielm it's also great for accessibility because doesn't work only if you don't have a head
2
0
6
@fdrc_o
👀
2 years
Tweet media one
0
0
6
@fdrc_o
👀
1 year
@thisisdanguerra give credit and it’s good I’d say
0
0
6
@fdrc_o
👀
3 years
0
0
5
@fdrc_o
👀
1 year
@dieg0liv @timothy1643 @webflow I’d love a <canvas> thanks!
2
0
6
@fdrc_o
👀
1 year
@jeffamcavoy @webflow sweet indeed 👀
0
0
6
@fdrc_o
👀
3 years
Only thing I knew about databases before was that you call someone that knows how to. Then watched @jlengstorf and @jonmeyers_io on @LWJShow and the amazing vibes got @supabase stuck on the things I wanted to try. Couldn't me happier I did. Love you all I guess.
2
0
6
@fdrc_o
👀
1 year
@iljavaneck @RuffiniFilippo webgl is threejs! 5 mesh slider on the hero. Extensive use of probably the best blender addon ever Quad Remesher as blender text doesn’t really cooperate. Lots of texting to strike balance between low poly number and original font resemblance.
Tweet media one
1
1
6
@fdrc_o
👀
11 months
Appreciate questions, ideas and really anything that might come my way. Topics you’d like to know more about, challenges you think can be solved with code and you’d like to see how someone else might go at them. And a retweet as well 👀
1
0
7
@fdrc_o
👀
11 months
I’m currently working on the complete outline, and would love for anyone that might be interested in it to throw ideas/requests at me. Still have time to fit things in! Will also be working on a proper landing page eventually.
2
0
7
@fdrc_o
👀
1 year
don’t miss out get acquired
@devinsfountain
Devin Fountain
1 year
Finally, I can announce that my previous company has been acquired. That puts me at 2-for-2 on companies I create design systems for being acquired. Does anyone else want to be acquired?
3
1
29
0
0
6
@fdrc_o
👀
10 months
2
0
6
@fdrc_o
👀
8 months
also
Tweet media one
0
0
6
@fdrc_o
👀
2 years
peeps doing wild things with GPT3 while I just realized the basic math for calculating grid points for webgl things will not take me 3h anymore
2
0
5
@fdrc_o
👀
1 year
@kabarza_ digging deep
@kabarza_
Kabarza
1 year
Here you see the assets behind the sexiest hero Webflow has ever had.
10
9
184
0
0
5
@fdrc_o
👀
8 months
👀
1
0
5
@fdrc_o
👀
1 year
🫡
@lusionltd
Lusion™
1 year
The wait is over! We're thrilled to announce the launch of our refreshed studio website. Check it out now! 🚀
130
299
2K
0
0
5
@fdrc_o
👀
1 year
@FelixMeens finding ways to balance both. get stability and continuity from agency work. this allows you to only get good, interesting clients for yourself
1
0
5
@fdrc_o
👀
1 year
@brainFnCl @threejs @pmndrs isn't the speed of this (almost) completely non related to react?
3
0
5
@fdrc_o
👀
1 year
0
0
1
@fdrc_o
👀
11 months
Here's a cat+keyboard gif in the meantime
0
1
6
@fdrc_o
👀
11 months
@greensock @webflow how's the providing premium plugins in the webflow staging environment thing going :DDDDDD
1
0
5
@fdrc_o
👀
1 year
@webflow @devinsfountain that was just a variable
0
0
5
@fdrc_o
👀
1 year
@threejs @kabarza_ sadly also not @threejs , picked OGL on this one. you still are my first love though
2
0
5
@fdrc_o
👀
1 year
cool things 👀
@thomAufresne
Thom Aufresne
1 year
🚀 Super excited to release this one!! Introducing La Pige, our take on the ultimate freelance index, kickstarted together with my mate @BavidDyrne . Full site out soon — you can apply while we curate v1 directory 📒 👉 Follow @la__pige for more news!
9
15
192
0
0
5
@fdrc_o
👀
2 years
"I love a weird quickie" — me to a potential client expressing my enjoyment for some freeform experimental work with a tight deadline
Tweet media one
0
0
5
@fdrc_o
👀
11 months
@gabbart_ @webflow how often do you say this one haha?
2
0
5