Alex Frison de Isla
@AlexFisla
Followers
5,294
Following
52
Media
188
Statuses
1,535
Freelance front end @okaydevs based in Barcelona • EN - FR - SP - PT - some IT • Wired differently
Barcelona, Spain
Joined March 2021
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Olympics
• 1752010 Tweets
オリンピック
• 456732 Tweets
Celine Dion
• 381832 Tweets
Christian
• 231122 Tweets
フランス
• 215374 Tweets
Gojira
• 175203 Tweets
Last Supper
• 167069 Tweets
パリ五輪の開会式
• 58763 Tweets
#Luca3D
• 36017 Tweets
隅田川花火大会
• 30999 Tweets
世界遺産
• 22943 Tweets
DDAY YOU BETTA CATCH UP
• 21496 Tweets
#キントレ
• 21491 Tweets
अब्दुल कलाम
• 20065 Tweets
佐渡金山
• 17723 Tweets
Pumas
• 15509 Tweets
पूर्व राष्ट्रपति
• 14991 Tweets
भारत रत्न
• 14366 Tweets
D-DAY JULIExSTELL
• 13391 Tweets
リーリヤ
• 12939 Tweets
佐渡島の金山
• 11054 Tweets
#APJAbdulKalam
• 10138 Tweets
登録決定
• 10119 Tweets
Pinned Tweet
Felt like building a real portfolio for myself was a necessity.
We Made good progress in that direction w/
@ManonAudineau
🦩
#javascript
#portfolio
#design
#Webdesign
#webgl
20
22
358
Worked on a cool turnaround kind of carousel that I thought would be cool to share 🍭
#javascript
#design
#WebDesign
#webgl
37
61
815
Very happy to finally launch this site w/
@chriskala_
, after a long wait, it is now up on Awwwards, if you mind sharing a vote! 🕊️
↳
#Portfolio
#javascript
#design
#Webdesign
#webgl
22
68
660
Ready to resume & finish work on this one w/
@chriskala_
that I must thank for his patience. ⌛️
#javascript
#portfolio
#design
#Webdesign
#webgl
33
47
622
20
68
607
Here’s something sweet! 🍬
You don’t like dragging grids indefinitely?
We’ve got you covered with a slider display as well! 🪩
#design
#Webdesign
#javascript
#webgl
20
46
573
Snappy mouse navigation & cool transitions on the grid to spice it up a little 🧈
#javascript
#design
#Webdesign
#webgl
25
31
532
Silky smooth! Another slider that rhymes with butter. 🧈
Assets by
@ManonAudineau
for a brand she’s been working on.
#javascript
#design
#Webdesign
#webgl
34
34
506
Just love how thin, soft and real the images feel in this « slider » 🍃
#javascript
#design
#Webdesign
#webgl
9
33
436
You love seamless motions and transitions?
Been busy putting together a lovely set, that I think works great, for an upcoming side project.
Can’t wait! 🍬
#javascript
#design
#Webdesign
#webgl
13
38
438
Sometimes it’s ok to wrap the words around the cursor, just cause it’s fun you know 🪩
#javascript
#design
#Webdesign
#webgl
17
26
425
Holy snappy, bouncy slider!
I did it again! 🦩
Fun one w/
@chriskala_
#design
#Webdesign
#javascript
#portfolio
#webgl
5
45
416
Let there be light!
Exploring some hover effect for my upcoming portfolio (…that probably won’t survive the video
compression)🔦
#javascript
#design
#Webdesign
#webgl
17
13
408
Can’t stop myself from playing with this little lib of mine!
Will add some webgl in a near future to make it even more FUN! 🦩
#javascript
#design
#Webdesign
#webdevelopment
8
17
398
Here we go again.
Love that thing!
Added a kind of 3d outline to the text and some scroll madness!
No Webgl, no libs 🦩
7
36
399
A nice slideshow somewhere in the page will never disappoint 🔐
#javascript
#Portfolio
#design
#Webdesign
#webgl
8
30
368
Happy to start exploring for this collaboration with talented Sybille on her portfolio.
Guess I won’t get tired of sliders after all 🥥 !
#portfolio
#design
#Webdesign
#javascript
#webgl
16
30
370
3
29
365
We decided to make
the transition to the case study
more wavy - w/
@chriskala_
🌊
#javascript
#design
#Webdesign
#portfolio
#webgl
18
33
366
14
39
360
This might be a nice transition to the case study.
Preloading everything makes the navigation a whole lot smoother ! 🧼
#design
#Webdesign
#javascript
#webgl
#portfolio
12
23
345
Lots of love and time given to a small component!
Mini map selection for the index page of my upcoming portfolio🍒
w/
@ManonAudineau
#Portfolio
#javascript
#design
#WebDesign
#webgl
9
27
341
17
28
347
Project that might get a revamp sooner than expected! 🪩
#portfolio
#javascript
#design
#Webdesign
#webgl
7
34
330
5
27
328
A slider that cool needed a cool transition!
Done! 🪩
w/
@chriskala_
#design
#WebDesign
#javascript
#portfolio
#webgl
13
48
320
We’re up on Awwwards for voting with Sybille de Saint Louvent’s portfolio.
If you like beautiful assets and minimalism that’s your go to! 🕊
↳
#javascript
#portfolio
#design
#Webdesign
8
38
307
The Apple MacOS has this cool transition when closing windows that I tried to replicate in the browser.
Think I came pretty close.
#javascript
#design
#Webdesign
#webgl
16
21
303
A rotation within a rotation within a rotation!
@austin_malerba
likes to recreate Webgl scenes with the DOM.
So I took the opposite direction and brought his DOM experiment to a canvas. No libs used 🎯
#javascript
#webgl
#design
#Webdesign
16
20
295
Getting sexier by the day!
Not organic enough yet though! 🚧
#design
#Webdesign
#javascript
#webgl
#webdevelopment
15
31
287
So here’s a beauty!
Very satisfying to unfold those pictures by scrolling!
Been pushing the Webgl experiments further and to a slider. 🦩
w/
@ManonAudineau
#javascript
#design
#Webdesign
#webgl
12
36
288
That wizardly scaling effect starting to feel like Inception now 🎬
That’s neat!
Midjourney-inspired gallery scroller with CSS scroll animation 📜
main {
animation: reel both steps(calc(var(--total) - 1));
animation-timeline: scroll(root);
}
@keyframes reel {
to { translate: 0 calc(-100% + 100vh); }
}
Leverages scroll-snap and anchor-links, no JS 🤙
7
70
718
7
10
283
Happy to win Site of the Day
& Developer Award
with Sybille de Saint Louvent
on
@awwwards
🕊
#portfolio
#javascript
#design
#webgl
24
23
273
Having fun exploring some rotary motion intro in Webgl 💫
w/
@ManonAudineau
#javascript
#design
#Webdesign
#webgl
9
20
274
Designs aren’t final in the slightest.
Just a general gist to focus on the dev 🍿
#portfolio
#design
#Webdesign
#javascript
#webgl
10
23
266
Making those seemingly destructured grids editable is a long process. The modal on top didn’t help! 🧉
#portfolio
#design
#Webdesign
#javascript
#webgl
8
17
264
Sweet transition!
Painting is like breathing life
onto a canvas.
That’s what this feels like! 🖼
#javascript
#design
#Webdesign
#webgl
8
12
263
11
16
265
4
18
259
4
22
244
6
11
244
Images always spice things up a little bit! 🌶
No libs used ⚙️
#javascript
#design
#Webdesign
#webdevelopment
15
30
238
Will I ever get tired of sliders ?
Guess we’ll see 🥥
#design
#Webdesign
#javascript
#webgl
#webdevelopment
8
21
237
A page transition that we migh not keep and a little tour. 👾
w/
@chriskala_
#javascript
#portfolio
#design
#webdesign
#webgl
7
32
231
11
14
231
Think I’ll have to make that
grid infinite so the fun never
stops!
Smooth, fluid and satisfying ♾
#javasccript
#design
#Webdesign
#webgl
7
13
227
Updating everything on scroll was harder than originally expected.
The end result is nice. Some things still need to be adjusted 🌻
#portfolio
#design
#Webdesign
#javascript
#webgl
10
15
221
5
10
214
Happy to have teamed up with the good people of
@StudioMalvah
to bring Fold7’s website to life.
It’s also up on Awwwards if you feel like sharing a vote 🕊️
↳
#javascript
#design
#Webdesign
10
19
206
Sexy website, sexy preloader!
Getting there 🦩
w/
@chriskala_
#javascript
#portfolio
#design
#Webdesign
2
16
200
This website got an upgrade…
We’ve been working on a new interactive section, a cool border on the footer part, smoother transitions, sharper lines and some redesigns w/
@chriskala_
🪩
#javasccript
#portfolio
#design
#Webdesign
#webgl
6
14
191
While browsing Midjourney, I noticed their slider and thought it could benefit from a smoother approach.
Happy to have that effect in the toolkit now 🧰
#javascript
#design
#Webdesign
#webgl
5
9
190
Navigation is on!
Only the mobile and homepage left to do. Should be over quite soon! ⏳
#portfolio
#design
#Webdesign
#javascript
#webgl
4
13
190
Amazing to be in the running for Site of the Month on Awwwards!
We’d be happy w/
@chriskala_
if you happened to share a vote. 🕊️
↳
3
17
187
Some very cool grid!
And a very bold statement in the opening, open for debate… or not! 🐓
All at once!
#javascript
#design
#Webdesign
#webgl
9
13
186
The joy never stops! Happy to get the
@fwa
of the day w/
@chriskala_
on the 10.16!
#portfolio
#javasccript
#design
#Webdesign
#webgl
5
15
182
A slideshow, different displays & transitions is all you need
to have fun! 🍸
#javasccript
#design
#Webdesign
#webgl
5
9
183
Menu and page transitions are on and the navigation is working smoothly.
I feel like that portfolio will look nice 🍒
#portfolio
#photography
#design
#Webdesign
#javascript
#webgl
8
8
179
Worked w/
@ManonAudineau
on an elegant way to include sections and subsections in an horizontal layout, particularly the carousel. 🍒
#javascript
#design
#WebDesign
#webgl
2
9
176
Sweet motion and intro
on this layout 🍬
w/
@ManonAudineau
#photo
#javascript
#design
#Webdesign
#webgl
1
8
166
While working on my portfolio, I explored this ever frosting effect that I won’t use cause it’s a tad intense. But still feels nice! ❄️
#javascript
#design
#portfolio
#webgl
4
9
160
Image coming to life from a glassy transparent imprint, with a lively glow.
Unstuck and stuck right back, makes out for a neat transition 🦩
#javascript
#design
#Webdesign
#webgl
2
8
161
Would love to launch my movies just like that on any given streaming platform 🎥
#javascript
#design
#Webdesign
#webgl
5
6
152
6
8
157
Let’s roll folks!
Exploring some ideas for the sliders in this side project of mine.
Good thing they are my one and true passion! 🥥
#design
#Webdesign
#javascript
#webgl
2
14
154
Some upgrades on that site done last year w/ Sybille de Saint Louvent 🍒
↳
#portfolio
#javascript
#design
#Webdesign
5
8
152
3
10
145
Been building a reactive slideshow that works on click and keyboard navigation.
Feels quite nice! 🍬
#javascript
#design
#Webdesign
#webgl
4
11
140
7
9
139
Back on Xabi’s folio! Should be over quite soon! Design has to be changed a bit though 🦩
5
5
138
I’m glad I took some time today to improve my virtual scroll.
Only scrolling the parts that are visible when pages are long makes it smoother than ever 🧼 !
#javascript
5
7
134
New day, new slider on Xabi’s folio 🍒
#photographer
#portfolio
#javascript
#webgl
#design
#webdevelopment
#Webdesign
1
5
130
2
9
130
Groundwork has been laid! Now it’s about making that grid look really juicy! 💄
#design
#webdevelopment
#javascript
#Webdesign
3
2
123
FUN FACT: this kind of motion actually gives me goosebumps! 🎯
All in one shader, i.e image.
Unrelated FUN FACT: more versions on Instagram for the motion lovers.
(📷 alexfisla)
#javascript
#design
#Webdesign
#webgl
2
10
123
3
8
121
Done in 2022 w/
@imprestavel
&
@pedrovenetucci
for Picsart.
Currently nominee for Developer of the Year on
@awwwards
🕊
→
#javascript
#design
#Webdesign
#webgl
#branding
1
10
122
Have to finish and publish this one. Not much left to do but I’m on to so many things right now that I really don’t have time.
Could days be longer ? 🙏🏻
Currently live at: localhost:3000 🥳
#photography
#portfolio
#design
#Webdesign
#javascript
#webgl
6
7
121
3
9
117
0
9
114
Love it when it feels real!
Some Webgl explorations
that I definitely need
to take further 🗞
0
3
109
Just an idea! It scrolls automatically but would work just as good with a manual scroll centring itself! 🌺
#portfolio
#design
#Webdesign
#javascript
#webdev
3
10
110
New pages and a homepage redesign.
Let me give you a little tour 🍒
#photography
#portfolio
#javascript
#webgl
#design
#Webdesign
9
9
102
The good people of
@StudioMalvah
in collaboration with yours truly
are soon going to be dropping
a website we've been working on
for some time now. 🦊
Here's a type exploration I did
with WebGL to illustrate
that fact.
#javascript
#design
#Webdesign
#webgl
4
8
101
Fun little slider 🔲
Breakdown of the effect on instagram
📷
#javascript
#design
#Webdesign
#breakdown
#webgl
0
6
99
Boom, that was fast! Stoked to win Site of the day & Developer Award, w/
@chriskala_
for his folio, on
@awwwards
🕊️
#Portfolio
#javascript
#design
#Webdesign
#webgl
8
5
99
Stoked to be nominated in two categories for the annual
@awwwards
,
including independent of the year.
Vote for me if I inspired you in one way or another ✨
→
3
6
100
Getting amazed everyday! Surprisingly enough, updating on click was even harder to build than on scroll for me in this kind of infinite and tight environment! 🦥
#portfolio
#design
#Webdesign
#javascript
3
6
99
Been delivering more content than your local postman! 📦
Stack’em up, lift’em up and voilà!
#design
#javascript
#Webdesign
#webgl
2
12
98
First, cut the image
into different tiles.
Then, enjoy a sexy,
yet elegant image reveal! 🍒
#javascript
#design
#Webdesign
#webgl
2
8
99
3
2
98
Happy to be nominated for Independent of the year, for the second time in a row, on Awwwards 🕊️
Here’s the link to share a vote:
↳
4
1
99
5
7
93
4
15
92
Mobile version finished for Xabi’s folio!
Now it’s about how long it’ll take him to edit content before it goes live. 🍿
#design
#Webdesign
#javascript
3
3
89