Stephane "Rainlife" Vanraes 🦄
@arzidava.com
Belgo-Norwegian frontend developer (CSS & Svelte)
Boardgame enthousiast
Wintersport is the best kind of sport
Boardgame enthousiast
Wintersport is the best kind of sport
TIL gendered reindeer are not called 'reindoe' & 'reinstag' and not sure how I feel about that 😭💔
October 27, 2025 at 9:18 AM
TIL gendered reindeer are not called 'reindoe' & 'reinstag' and not sure how I feel about that 😭💔
Reposted by Stephane "Rainlife" Vanraes 🦄
New job title just dropped on LinkedIn
“Vibe code cleanup specialist”
“Vibe code cleanup specialist”
August 22, 2025 at 10:04 AM
New job title just dropped on LinkedIn
“Vibe code cleanup specialist”
“Vibe code cleanup specialist”
Is it just me wiggling my mouse to find the cursor, 100% convinced you see it move somewhere in the bottom, spend another 5 minutes trying to find it, occasionally catching a glimpse of it from the corner of the eye.
Just to discover it is not plugged in ?
Just to discover it is not plugged in ?
August 5, 2025 at 5:00 AM
Is it just me wiggling my mouse to find the cursor, 100% convinced you see it move somewhere in the bottom, spend another 5 minutes trying to find it, occasionally catching a glimpse of it from the corner of the eye.
Just to discover it is not plugged in ?
Just to discover it is not plugged in ?
After 2 years being stuck on a react project, I will start next month back fulltime with #svelte 🎉, we are all still using v3 right ? I don't have anything new to learn 🤔?
July 18, 2025 at 10:36 AM
After 2 years being stuck on a react project, I will start next month back fulltime with #svelte 🎉, we are all still using v3 right ? I don't have anything new to learn 🤔?
Had been struggling with a specific styling issues and @kevinpowell.co recent video on :has made it suddenly click. Using :has(:nth-child(2n):last-child) can be used to detect if a list has even or odd items 🎉
July 17, 2025 at 6:44 AM
Had been struggling with a specific styling issues and @kevinpowell.co recent video on :has made it suddenly click. Using :has(:nth-child(2n):last-child) can be used to detect if a list has even or odd items 🎉
Pride Parade in Bergen Today 🦄
June 21, 2025 at 11:16 AM
Pride Parade in Bergen Today 🦄
A new consulting challenge on the horizon: "devibing" or the horrifying task of cleaning up a vibe coded startup their mess.
May 21, 2025 at 10:53 AM
A new consulting challenge on the horizon: "devibing" or the horrifying task of cleaning up a vibe coded startup their mess.
using #svelte transitions?
consider pure CSS where possible
Hello World
can be achieved with just some "modern css"
.div {
translate: 0;
transition: translate 500ms;
@starting-style {
translate: -500px;
}
}
smaller bundle and works without js
consider pure CSS where possible
Hello World
can be achieved with just some "modern css"
.div {
translate: 0;
transition: translate 500ms;
@starting-style {
translate: -500px;
}
}
smaller bundle and works without js
May 12, 2025 at 12:11 PM
using #svelte transitions?
consider pure CSS where possible
Hello World
can be achieved with just some "modern css"
.div {
translate: 0;
transition: translate 500ms;
@starting-style {
translate: -500px;
}
}
smaller bundle and works without js
consider pure CSS where possible
Hello World
can be achieved with just some "modern css"
.div {
translate: 0;
transition: translate 500ms;
@starting-style {
translate: -500px;
}
}
smaller bundle and works without js
#sveltesummit was amazing as always, good talks, good mingling. thanks to @kevinak.se for organizing but also everyone attending ❤️❤️
May 9, 2025 at 4:04 PM
#sveltesummit was amazing as always, good talks, good mingling. thanks to @kevinak.se for organizing but also everyone attending ❤️❤️
Got to Barcelona 🇪🇸 from Bergen 🇧🇻, now have to wait 4 hours at the airport for my girlfriend who's coming from Reykjavik 🇮🇸 fml 🙄
May 7, 2025 at 3:23 PM
Got to Barcelona 🇪🇸 from Bergen 🇧🇻, now have to wait 4 hours at the airport for my girlfriend who's coming from Reykjavik 🇮🇸 fml 🙄
A quick experiment trying to use pure #css to fully hide an element as soon as it overflows from it's container using view-timeline. Just resize the window a bit to see the effect. Any improvements suggestions ?
codepen.io/svanraes/pen...
codepen.io/svanraes/pen...
hide overflown element with view-timeline
...
codepen.io
April 23, 2025 at 7:45 PM
A quick experiment trying to use pure #css to fully hide an element as soon as it overflows from it's container using view-timeline. Just resize the window a bit to see the effect. Any improvements suggestions ?
codepen.io/svanraes/pen...
codepen.io/svanraes/pen...
Ready to give a Svelte workshop at work.
March 5, 2025 at 7:43 AM
Ready to give a Svelte workshop at work.
My Svelte T-Shirt has "shrunk" in the laundry. So I hope we get new ones at the upcoming Svelte Summit
February 7, 2025 at 8:25 AM
My Svelte T-Shirt has "shrunk" in the laundry. So I hope we get new ones at the upcoming Svelte Summit
Am I the only one annoyed by this ? Icons that are like not nicely aligned by the text around them 🤢
February 3, 2025 at 6:16 AM
Am I the only one annoyed by this ? Icons that are like not nicely aligned by the text around them 🤢
Done:
1) Hear about Svelte Summit
2) Book flight Bergen -> Barcelona -> Bergen from 7th to 10th of May
3) Wait a couple of weeks
4) Girlfriend gets invited to speak at conference in Reykjavik 5th to 7th of May
Active:
5) Talk to customer care to see if I can change flights 🤞
1) Hear about Svelte Summit
2) Book flight Bergen -> Barcelona -> Bergen from 7th to 10th of May
3) Wait a couple of weeks
4) Girlfriend gets invited to speak at conference in Reykjavik 5th to 7th of May
Active:
5) Talk to customer care to see if I can change flights 🤞
January 29, 2025 at 10:13 AM
Done:
1) Hear about Svelte Summit
2) Book flight Bergen -> Barcelona -> Bergen from 7th to 10th of May
3) Wait a couple of weeks
4) Girlfriend gets invited to speak at conference in Reykjavik 5th to 7th of May
Active:
5) Talk to customer care to see if I can change flights 🤞
1) Hear about Svelte Summit
2) Book flight Bergen -> Barcelona -> Bergen from 7th to 10th of May
3) Wait a couple of weeks
4) Girlfriend gets invited to speak at conference in Reykjavik 5th to 7th of May
Active:
5) Talk to customer care to see if I can change flights 🤞
Decided to take up snowboarding, what could go wrong?
January 23, 2025 at 12:06 PM
Decided to take up snowboarding, what could go wrong?
Guess I will have to go sweat some more 😅https://www.sveltesummit.com/
Svelte Summit Spring 2025: Barcelona & online
The next in-person Svelte Summit will happen on May 8 and 9 in Barcelona, Spain! Get your tickets and submit your proposals now!
www.sveltesummit.com
December 20, 2024 at 8:45 AM
Guess I will have to go sweat some more 😅https://www.sveltesummit.com/
We were told 38.5% test coverage is too low.
So I wrote about a 150 tests and now it is 39.2% :(
So I wrote about a 150 tests and now it is 39.2% :(
December 13, 2024 at 12:07 PM
We were told 38.5% test coverage is too low.
So I wrote about a 150 tests and now it is 39.2% :(
So I wrote about a 150 tests and now it is 39.2% :(
Pissing off my xmas-obsessed girlfriend by simply buying a boardgame for each of my sisters and their families, no individual presents for their kids, nope nope, not from me.
Overconsumption and individualism is bad enough as it is.
Overconsumption and individualism is bad enough as it is.
December 9, 2024 at 1:47 PM
Pissing off my xmas-obsessed girlfriend by simply buying a boardgame for each of my sisters and their families, no individual presents for their kids, nope nope, not from me.
Overconsumption and individualism is bad enough as it is.
Overconsumption and individualism is bad enough as it is.
TIL (again) that maths in CSS is messy because unlike the real world it doesn't remove units
calc(4ch / 2ch) != 2 😭
calc(4ch / 2ch) != 2 😭
December 4, 2024 at 8:50 AM
TIL (again) that maths in CSS is messy because unlike the real world it doesn't remove units
calc(4ch / 2ch) != 2 😭
calc(4ch / 2ch) != 2 😭
it's almost christmas and that means going to the xmas market, check the "belgian waffles" and complain about all the toppings and how those are NOT Liège waffles.
December 2, 2024 at 5:22 PM
it's almost christmas and that means going to the xmas market, check the "belgian waffles" and complain about all the toppings and how those are NOT Liège waffles.
Had a lot of fun at @weyweyweb.bsky.social and in Malaga this week, mixed feelings about flying back tomorrow but likely coming back next year anyway 🔥
November 29, 2024 at 2:24 PM
Had a lot of fun at @weyweyweb.bsky.social and in Malaga this week, mixed feelings about flying back tomorrow but likely coming back next year anyway 🔥
met @paolo.ricciuti.me at #weyweyweb and finally got my Svelte sticker 🥳
November 28, 2024 at 8:09 PM
met @paolo.ricciuti.me at #weyweyweb and finally got my Svelte sticker 🥳