Julie
@juliebuma.dev
hi i'm julie, i make stuff sometimes
juliebuma.dev
juliebuma.dev
Reposted by Julie
The Xbox Boycott (Still) Matters
YouTube video by People Make Games
www.youtube.com
December 18, 2025 at 2:02 PM
Reposted by Julie
6 years of thinking I can make a better portfolio.
1 year of actually building it.
My new portfolio is LIVE 🚀
Please, don't break anything!
👉 bruno-simon.com
1 year of actually building it.
My new portfolio is LIVE 🚀
Please, don't break anything!
👉 bruno-simon.com
December 9, 2025 at 2:00 PM
6 years of thinking I can make a better portfolio.
1 year of actually building it.
My new portfolio is LIVE 🚀
Please, don't break anything!
👉 bruno-simon.com
1 year of actually building it.
My new portfolio is LIVE 🚀
Please, don't break anything!
👉 bruno-simon.com
It's been so wild to see the same nitpicky clients asking designers and illustrators for the smallest two pixel changes just approve some random AI slop. It's always been just about control and a lack of trust, but this just makes it really clear.
Every facet of generative AI has made my professional life worse, without question, but THIS specific aspect has been driving me NUTS.
Clients, who have made me toil for weeks over indescribably small details, are now approving & producing in-house commercial artwork that looks like a fever dream.
Clients, who have made me toil for weeks over indescribably small details, are now approving & producing in-house commercial artwork that looks like a fever dream.
December 9, 2025 at 9:48 PM
It's been so wild to see the same nitpicky clients asking designers and illustrators for the smallest two pixel changes just approve some random AI slop. It's always been just about control and a lack of trust, but this just makes it really clear.
Reposted by Julie
🌧️ hey yeah it’s launch day. had a blast making this website with the inimitable @likethecolour.red, a Bluesky Account & in many ways a dear friend whose outlook on life inspires me deeply :)
this is a project made with love for the web, friends, and reiselust. i'm excited to share it with you.
this is a project made with love for the web, friends, and reiselust. i'm excited to share it with you.
Strangers By Spring
Strangers, By Spring is a blog about escapism, romance, and rebirth.
strangersbyspring.com
December 9, 2025 at 5:42 PM
🌧️ hey yeah it’s launch day. had a blast making this website with the inimitable @likethecolour.red, a Bluesky Account & in many ways a dear friend whose outlook on life inspires me deeply :)
this is a project made with love for the web, friends, and reiselust. i'm excited to share it with you.
this is a project made with love for the web, friends, and reiselust. i'm excited to share it with you.
Reposted by Julie
behold the "HTML bomb"
It's a counterattack for AI companies that persistently scrape and rescrape your web site, even when you tell them not to
when a scraper grabs it, it becomes a 10-gig HTML page and 💣 goes the scraper
Item #6 in my latest "Linkfest" newsletter: buttondown.com/clivethompso...
It's a counterattack for AI companies that persistently scrape and rescrape your web site, even when you tell them not to
when a scraper grabs it, it becomes a 10-gig HTML page and 💣 goes the scraper
Item #6 in my latest "Linkfest" newsletter: buttondown.com/clivethompso...
August 5, 2025 at 10:32 PM
behold the "HTML bomb"
It's a counterattack for AI companies that persistently scrape and rescrape your web site, even when you tell them not to
when a scraper grabs it, it becomes a 10-gig HTML page and 💣 goes the scraper
Item #6 in my latest "Linkfest" newsletter: buttondown.com/clivethompso...
It's a counterattack for AI companies that persistently scrape and rescrape your web site, even when you tell them not to
when a scraper grabs it, it becomes a 10-gig HTML page and 💣 goes the scraper
Item #6 in my latest "Linkfest" newsletter: buttondown.com/clivethompso...
Made a funky little text animation today. Practically css only, except for splitting the text into separate letters. I'm also setting an index variable there, but you can replace that with sibling-index if you'd like!
codepen.io/JBuma/full/w...
#css #webdev #animation #demo
codepen.io/JBuma/full/w...
#css #webdev #animation #demo
(Almost) Css only text wiggle loading animation
...
codepen.io
August 5, 2025 at 12:38 PM
Made a funky little text animation today. Practically css only, except for splitting the text into separate letters. I'm also setting an index variable there, but you can replace that with sibling-index if you'd like!
codepen.io/JBuma/full/w...
#css #webdev #animation #demo
codepen.io/JBuma/full/w...
#css #webdev #animation #demo
Reposted by Julie
I made this quick little app that converts twitter and instagram links to more privacy friendly alternatives, check it out:
privacyconverter.netlify.app
#webdev #privacy
privacyconverter.netlify.app
#webdev #privacy
Privacy converter
privacyconverter.netlify.app
August 3, 2025 at 7:25 PM
I made this quick little app that converts twitter and instagram links to more privacy friendly alternatives, check it out:
privacyconverter.netlify.app
#webdev #privacy
privacyconverter.netlify.app
#webdev #privacy
I made this quick little app that converts twitter and instagram links to more privacy friendly alternatives, check it out:
privacyconverter.netlify.app
#webdev #privacy
privacyconverter.netlify.app
#webdev #privacy
Privacy converter
privacyconverter.netlify.app
August 3, 2025 at 7:25 PM
I made this quick little app that converts twitter and instagram links to more privacy friendly alternatives, check it out:
privacyconverter.netlify.app
#webdev #privacy
privacyconverter.netlify.app
#webdev #privacy
Reposted by Julie
Another Friday, another demo!
This time some artsy thing using scroll animations and sibling-index.
You can make some pretty wild stuff using only a few lines if you combine the two.
Unfortunately not supported in Firefox yet, but maybe soon🤞
codepen.io/JBuma/detail...
#css #frontend #webdev #demo
This time some artsy thing using scroll animations and sibling-index.
You can make some pretty wild stuff using only a few lines if you combine the two.
Unfortunately not supported in Firefox yet, but maybe soon🤞
codepen.io/JBuma/detail...
#css #frontend #webdev #demo
Spinny scroll animation
...
codepen.io
August 1, 2025 at 3:11 PM
Another Friday, another demo!
This time some artsy thing using scroll animations and sibling-index.
You can make some pretty wild stuff using only a few lines if you combine the two.
Unfortunately not supported in Firefox yet, but maybe soon🤞
codepen.io/JBuma/detail...
#css #frontend #webdev #demo
This time some artsy thing using scroll animations and sibling-index.
You can make some pretty wild stuff using only a few lines if you combine the two.
Unfortunately not supported in Firefox yet, but maybe soon🤞
codepen.io/JBuma/detail...
#css #frontend #webdev #demo
Another Friday, another demo!
This time some artsy thing using scroll animations and sibling-index.
You can make some pretty wild stuff using only a few lines if you combine the two.
Unfortunately not supported in Firefox yet, but maybe soon🤞
codepen.io/JBuma/detail...
#css #frontend #webdev #demo
This time some artsy thing using scroll animations and sibling-index.
You can make some pretty wild stuff using only a few lines if you combine the two.
Unfortunately not supported in Firefox yet, but maybe soon🤞
codepen.io/JBuma/detail...
#css #frontend #webdev #demo
Spinny scroll animation
...
codepen.io
August 1, 2025 at 3:11 PM
Another Friday, another demo!
This time some artsy thing using scroll animations and sibling-index.
You can make some pretty wild stuff using only a few lines if you combine the two.
Unfortunately not supported in Firefox yet, but maybe soon🤞
codepen.io/JBuma/detail...
#css #frontend #webdev #demo
This time some artsy thing using scroll animations and sibling-index.
You can make some pretty wild stuff using only a few lines if you combine the two.
Unfortunately not supported in Firefox yet, but maybe soon🤞
codepen.io/JBuma/detail...
#css #frontend #webdev #demo
Reposted by Julie
Demo time! Playing around with sibling-index(), which recently landed in chromium browsers (no Firefox yet unfortunately 😔😔). I made this neat little flower input that blooms when checked:
codepen.io/JBuma/pen/vE...
#css #webdev #frontend #demo
codepen.io/JBuma/pen/vE...
#css #webdev #frontend #demo
Animated flower input
I wanted to experiment with the new sibling-index() function, so here's a blooming flower input! It's a checkbox, so fully usable with keyboard and eve...
codepen.io
July 25, 2025 at 3:11 PM
Demo time! Playing around with sibling-index(), which recently landed in chromium browsers (no Firefox yet unfortunately 😔😔). I made this neat little flower input that blooms when checked:
codepen.io/JBuma/pen/vE...
#css #webdev #frontend #demo
codepen.io/JBuma/pen/vE...
#css #webdev #frontend #demo
Demo time! Playing around with sibling-index(), which recently landed in chromium browsers (no Firefox yet unfortunately 😔😔). I made this neat little flower input that blooms when checked:
codepen.io/JBuma/pen/vE...
#css #webdev #frontend #demo
codepen.io/JBuma/pen/vE...
#css #webdev #frontend #demo
Animated flower input
I wanted to experiment with the new sibling-index() function, so here's a blooming flower input! It's a checkbox, so fully usable with keyboard and eve...
codepen.io
July 25, 2025 at 3:11 PM
Demo time! Playing around with sibling-index(), which recently landed in chromium browsers (no Firefox yet unfortunately 😔😔). I made this neat little flower input that blooms when checked:
codepen.io/JBuma/pen/vE...
#css #webdev #frontend #demo
codepen.io/JBuma/pen/vE...
#css #webdev #frontend #demo
Reposted by Julie
been messing around with animating gradients today. modern css is so cool, this would've taken me ages just a few years ago
codepen.io/JBuma/pen/Wb...
#webdev #css #frontend
codepen.io/JBuma/pen/Wb...
#webdev #css #frontend
Experimenting with custom properties and gradient animations
...
codepen.io
July 18, 2025 at 2:50 PM
been messing around with animating gradients today. modern css is so cool, this would've taken me ages just a few years ago
codepen.io/JBuma/pen/Wb...
#webdev #css #frontend
codepen.io/JBuma/pen/Wb...
#webdev #css #frontend
been messing around with animating gradients today. modern css is so cool, this would've taken me ages just a few years ago
codepen.io/JBuma/pen/Wb...
#webdev #css #frontend
codepen.io/JBuma/pen/Wb...
#webdev #css #frontend
Experimenting with custom properties and gradient animations
...
codepen.io
July 18, 2025 at 2:50 PM
been messing around with animating gradients today. modern css is so cool, this would've taken me ages just a few years ago
codepen.io/JBuma/pen/Wb...
#webdev #css #frontend
codepen.io/JBuma/pen/Wb...
#webdev #css #frontend
Reposted by Julie
Just Write moll.dev/notes/justwr...
Just Write - Moll.dev
moll.dev
May 17, 2025 at 7:18 PM
Just Write moll.dev/notes/justwr...
Reposted by Julie
European Friends out there, please sign this initiative to ban conversion therapies forever
This is actually revised and discussed in the European Parliament so every signature counts!!
eci.ec.europa.eu/043/public/#...
This is actually revised and discussed in the European Parliament so every signature counts!!
eci.ec.europa.eu/043/public/#...
European Citizens' Initiative
Give your support !
eci.ec.europa.eu
May 16, 2025 at 8:24 AM
European Friends out there, please sign this initiative to ban conversion therapies forever
This is actually revised and discussed in the European Parliament so every signature counts!!
eci.ec.europa.eu/043/public/#...
This is actually revised and discussed in the European Parliament so every signature counts!!
eci.ec.europa.eu/043/public/#...
Reposted by Julie
Just published my first "proper" blog post. It's about enter and exit animations using @starting-style and allow-discrete. I'm new to this whole blogging thing so please check it out and give me some feedback!! 😘
www.juliebuma.dev/blog/enter-e...
#frontend #webdev #css #tutorial #programming #blog
www.juliebuma.dev/blog/enter-e...
#frontend #webdev #css #tutorial #programming #blog
Enter and exit animations using @starting-style and allow-discrete | Julie Buma
Exit and enter animations have historically been annoying to implement. Frameworks have made it easier, but what if you just want to use vanilla css? @starting-style is here to solve your problems!
www.juliebuma.dev
May 15, 2025 at 9:18 PM
Just published my first "proper" blog post. It's about enter and exit animations using @starting-style and allow-discrete. I'm new to this whole blogging thing so please check it out and give me some feedback!! 😘
www.juliebuma.dev/blog/enter-e...
#frontend #webdev #css #tutorial #programming #blog
www.juliebuma.dev/blog/enter-e...
#frontend #webdev #css #tutorial #programming #blog
Just published my first "proper" blog post. It's about enter and exit animations using @starting-style and allow-discrete. I'm new to this whole blogging thing so please check it out and give me some feedback!! 😘
www.juliebuma.dev/blog/enter-e...
#frontend #webdev #css #tutorial #programming #blog
www.juliebuma.dev/blog/enter-e...
#frontend #webdev #css #tutorial #programming #blog
Enter and exit animations using @starting-style and allow-discrete | Julie Buma
Exit and enter animations have historically been annoying to implement. Frameworks have made it easier, but what if you just want to use vanilla css? @starting-style is here to solve your problems!
www.juliebuma.dev
May 15, 2025 at 9:18 PM
Just published my first "proper" blog post. It's about enter and exit animations using @starting-style and allow-discrete. I'm new to this whole blogging thing so please check it out and give me some feedback!! 😘
www.juliebuma.dev/blog/enter-e...
#frontend #webdev #css #tutorial #programming #blog
www.juliebuma.dev/blog/enter-e...
#frontend #webdev #css #tutorial #programming #blog
who up cascading their style sheets
May 14, 2025 at 11:58 AM
who up cascading their style sheets
Reposted by Julie
Let's play a game with `document.querySelectorAll`
617 div elements.
84 elements with aria-label.
All 84 are divs.
No button/role=button elements.
12 anchor/role=link elements.
5 role=link elements.
All 5 are divs.
5 elements with tabindex.
All 5 are divs.
7 elements with href.
5 are divs.
617 div elements.
84 elements with aria-label.
All 84 are divs.
No button/role=button elements.
12 anchor/role=link elements.
5 role=link elements.
All 5 are divs.
5 elements with tabindex.
All 5 are divs.
7 elements with href.
5 are divs.
![Side by side of the quoted post's linked website and the browser Console. Console shows document.querySelectorAll('div[aria-label]') has 84 results; document.querySelectorAll('[aria-label]') has 84 results.](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:6pjsxq4f4wvihelm4lphbk5e/bafkreia2cxmnycbmn6wxr3aqzmjbkrivfkx3fgixrcf5rxfc2bcyr63pmq@jpeg)
![Side by side of the quoted post's linked website and the browser Console. Console shows document.querySelectorAll('button,[role=button]') has 0 results; document.querySelectorAll('a,[role=link]') has 12 results; document.querySelectorAll('[role=link]') has 5 results; document.querySelectorAll('div[role=link]') has 5 results.](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:6pjsxq4f4wvihelm4lphbk5e/bafkreiadut6tnjhqn4dvjq25gyfrmla6d5eognh5fr5mqzwvwsgbnerzha@jpeg)
![Side by side of the quoted post's linked website and the browser Console. Console shows document.querySelectorAll('[tabindex]') has 5 results; document.querySelectorAll('[href]') has 7 results; document.querySelectorAll('div[href]') has 5 results.](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:6pjsxq4f4wvihelm4lphbk5e/bafkreiddgebtfwg3fitgcv7f4pgazpipyxor4u2pbllypagp6mxwkpmv6i@jpeg)
May 8, 2025 at 12:32 PM
Let's play a game with `document.querySelectorAll`
617 div elements.
84 elements with aria-label.
All 84 are divs.
No button/role=button elements.
12 anchor/role=link elements.
5 role=link elements.
All 5 are divs.
5 elements with tabindex.
All 5 are divs.
7 elements with href.
5 are divs.
617 div elements.
84 elements with aria-label.
All 84 are divs.
No button/role=button elements.
12 anchor/role=link elements.
5 role=link elements.
All 5 are divs.
5 elements with tabindex.
All 5 are divs.
7 elements with href.
5 are divs.