Julia Miocene
LightNews LightNews
miocene.io
Julia Miocene
@miocene.io
3.2K followers 110 following 45 posts
Product Designer. UX Engineer. Pure CSS Animator. Speaking about CSS and designing in the browser. Web Google Developer Expert.
https://miocene.io
https://youtube.com/@julia_miocene
📍Amsterdam
Posts Replies Media Videos
miocene.io
For my next hobby project I'm conducting a research. Please, spend a few minutes choosing images you'd like to have around 🙂

forms.gle/Sn1U5V8TwEyG...
Pick the Art You’d Love to Have Around
I’m exploring what kinds of visual styles people enjoy the most. You’ll see 91 pictures — imagine you could use any of them in your space, no matter the size or format. Just pick the ones you’d actual...
forms.gle
October 16, 2025 at 10:57 AM
miocene.io
I'm honored to be the pick of the year by @sachagreif.com 😊
August 11, 2025 at 1:11 PM
miocene.io
Your CSS character can’t walk, jump, or dance? It’s not cursed — it’s boneless 🦴🦴🦴

In my new video, we’re building an HTML skeleton so your character moves like a pro — smooth, natural and 100% CSS.

Watch here → youtu.be/fv0-fwSKbsk
Skeleton: Make Your CSS Walk! Complete 3D CSS Guide, Part 3
YouTube video by Julia Miocene
youtu.be
August 10, 2025 at 12:34 PM
miocene.io
The results of the State of CSS are ready! It was a great year for CSS community. Go check this out ✨

2025.stateofcss.com/en-US
State of CSS 2025
2025.stateofcss.com
August 10, 2025 at 8:04 AM
miocene.io
No videos this and last week. I'm on vacation 🌴🌴🌴
July 25, 2025 at 8:21 PM
miocene.io
This week’s character is chunky, charming, and surprisingly easy to build.
If you can style a
The Squarest Frog Alive — Sunday CSS #17
YouTube video by Julia Miocene
youtu.be
July 13, 2025 at 12:14 PM
miocene.io
Say hello to The Big-Eyed CSS Shroom —
a goofy little mushroom with massive eyes, long legs, and even a canary on his hand.

It’s weird. It’s cute. It’s built with love (and CSS).

youtu.be/vDEJ7j5jb2U
Drawing a Mushroom Buddy with Pure CSS — Sunday CSS #16
YouTube video by Julia Miocene
youtu.be
July 6, 2025 at 12:02 PM
Reposted by Julia Miocene
alvaromontoro.com
Just shared a new video drawing with CSS. This time is Yoda (or Grogu?) in a kawaii-ish style.
youtu.be/r_FH65HpYgE?...

He looked a bit sad with the mouth like that so I flipped the mouth and make it smile :)

Live demo and source code on @codepen.io: codepen.io/alvaromontor...

#css #cssArt #html
Drawing Yoda with CSS
YouTube video by Alvaro Montoro
youtu.be
July 6, 2025 at 12:02 AM
miocene.io
New Sunday CSS Video!
I coded this abstract dog illustration using nothing but HTML + CSS — no SVG, no images, no canvas.
Every curve, shadow, and detail? Pure CSS.
🐶 Curious how it’s done? Watch here → youtu.be/PptOJpm-jhU
Made This Dog with Just HTML & CSS. No SVG or Canvas! — Sunday CSS #15
YouTube video by Julia Miocene
youtu.be
June 29, 2025 at 12:03 PM
miocene.io
Already bought tickets! See you all there 👋
June 23, 2025 at 2:59 PM
miocene.io
Somehow, 6,000 of you hit subscribe on YouTube and didn’t immediately regret it 😄
Big love to the brave souls watching my CSS chaos. More divs and wizardry coming soon!

youtube.com/@julia_miocene
June 23, 2025 at 1:38 PM
Reposted by Julia Miocene
bali.balo.cool
Awesome ! Cool animation and well explained.
Wanted to give a go at an alternative version using masks (it ended up a bit trickier than expected)
codepen.io/bali_balo/pe...
Julia's squares
Gave a go at my own version of [Julia Miocene](https://codepen.io/miocene)'s [Recursive Squares](https://codepen.io/miocene/pen/dPoQGVx) animation, but...
codepen.io
June 23, 2025 at 5:27 AM
Reposted by Julia Miocene
anatudor.bsky.social
Couldn't help myself and forked it to make a version using #CSS mathematical functions. And which allows changing the number of squares per edge by changing a single value and nothing else (as seen in the recording below).

Live on @codepen.io: codepen.io/thebabydino/...
June 23, 2025 at 6:32 AM
miocene.io
Sunday CSS is live! This week: Recursive Square

A mesmerizing loop of nested squares built with creative CSS tricks.
Simple idea, striking result — perfect for your next UI experiment.
youtu.be/rFPZM6tCT_o
Sunday CSS #14: Recursive square
YouTube video by Julia Miocene
youtu.be
June 22, 2025 at 12:02 PM
miocene.io
It's live now! Thanks, @kevinpowell.co, it was awesome 🔥 Will battle again when @cssbattle.dev has more complex battles 🙂

www.youtube.com/watch?v=eynG...
June 13, 2025 at 1:16 PM
miocene.io
New video up: part 2 of my 3D CSS series!
This time we dive into lighting: simulating highlights, shadows, warmth, and reflections with pure CSS.
Make your 3D objects feel real (even chickens 🐔).

www.youtube.com/watch?v=2FEg...
Where is the light? Complete 3D CSS Guide, Part 2
YouTube video by Julia Miocene
www.youtube.com
June 13, 2025 at 12:02 PM
miocene.io
😄
kevinpowell.co Kevin Powell @kevinpowell.co · Jun 10
I'm putting the finishing touches on a @cssbattle.dev video that'll be out later this week.

For this one, I challenged @miocene.io... turns out when you challenge someone who makes absolutely mindblowing css-only creations, a lot of them will end like this 😆
June 10, 2025 at 4:09 PM
miocene.io
Before I post my next video (after a 10 month break) I want to share one of the demos I created for it. Pure CSS 3D David Eye 👁️
codepen.io/miocene/full...
June 4, 2025 at 10:15 AM
Reposted by Julia Miocene
smashingconf.com
Join us tomorrow for CSS Meets! 🎉

With @nerdy.dev, @miocene.io, and @miriam.codes — absolute CSS pros and smashingly nice! They’ll be sharing their tips, tricks, and insights to make your stylesheets shine. 🌟

Don’t miss out—grab your free ticket now!
smashingconf.com/meets-modern...
Registration — Meets CSS — April 1, 2025
Tickets are free! We’d love to see you. 🎁 ❤️ Like what we do? Why not become a Smashing Member? — starting at 5 USD a month.
smashingconf.com
March 31, 2025 at 9:45 AM
Reposted by Julia Miocene
cssweekly.com
CSS Weekly #603
👭 sibling-count() & sibling-index() functions
⚜️ box-decoration-break
🌗 llight-dark()
🚀 tight mode in browsers

Featuring @kilianvalkhof.com, @mayank.co, @geoffgraham.me, @chriscoyier.net, @cferdinandi.bsky.social, @alexmuzenhardt.bsky.social, @codepo8.bsky.social.

cssw.io/issue-603
CSS Weekly Issue #603
Learn how sibling-count() and sibling-index() functions work, how to style elements that span multiple lines, how to utilize light-dark() function, and more.
cssw.io
January 31, 2025 at 7:12 PM
Reposted by Julia Miocene
cssday.nl
CSS Day 2025 will take place on 5th and 6th of June in Amsterdam. #cssday

cssday.nl
CSS Day 2025, 5th & 6th of June, Amsterdam
On 5th & 6th of June, 2025, CSS Day will have its 11th edition.
cssday.nl
January 13, 2025 at 10:36 AM
miocene.io
I've just prepared a Pure CSS 3D Cat as an example for my next video. Go check it out on @codepen.io

codepen.io/miocene/pen/...
Pure CSS 3D Cat
...
codepen.io
January 4, 2025 at 8:27 AM
Reposted by Julia Miocene
heydonworks.com
I am available for new contract work.

I have 20+ years 😩 experience in web design and development and I’m still learning. I have written courses and books that have influenced interface design across the industry. I love prototyping, writing documentation, creative coding, and #a11y.

👋
November 25, 2024 at 10:58 AM
miocene.io
While I'm working on a new 3D CSS demo, tell me more about yourself! Who you are people? 😄
November 17, 2024 at 12:15 AM