Jules Miocene's Avatar

Jules Miocene

@miocene.io

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

3,323
Followers
109
Following
55
Posts
25.08.2023
Joined
Posts Following

Latest posts by Jules Miocene @miocene.io

I loved Begonia! And especially the world they created at the end. I want people to wear that knitted costumes πŸ˜…

10.03.2026 23:15 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

How did these CSS athletes prep for their first MadCSS match?
@miocene.io @chriscoyier.net @shaundai.com @adamwathan.com @bytesofbree.bsky.social @jason.energy @tolin.ski

10.03.2026 19:30 πŸ‘ 11 πŸ” 3 πŸ’¬ 0 πŸ“Œ 0
Video thumbnail

The wait is over! The first round of March MadCSS premieres in ONE HOUR at 10am ET. www.youtube.com/watch?v=nuxS...

@jason.energy vs Kyle Cook
@adamwathan.com vs @miocene.io
@chriscoyier.net vs @bytesofbree.bsky.social
@tolin.ski vs @shaundai.com

06.03.2026 14:03 πŸ‘ 26 πŸ” 6 πŸ’¬ 4 πŸ“Œ 6

This Friday! Come and see how I'm trying to center a div in 15 min 😭😭😭

Can you guess who won the tournament? Probably not. But you can try 😜

04.03.2026 21:25 πŸ‘ 18 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

A new Scrubs season is the best thing I've seen in the last couple of years πŸ₯ΉπŸ₯ΉπŸ₯Ή

26.02.2026 20:13 πŸ‘ 6 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0

β€œno pressure” you forgot to add πŸ˜…

25.02.2026 23:43 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Same πŸ˜‚

25.02.2026 23:32 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

You can now fill out your bracket! #team_miocene

25.02.2026 23:31 πŸ‘ 6 πŸ” 2 πŸ’¬ 0 πŸ“Œ 0

πŸŽ‰ Looking for new work.

15 years front-end dev + Design Systems specialist.

I help folks build, maintain & transform design systems.

I'm also available for focused projects, front-end builds, codebase modernisation.

Short to long term.

Let's chat - stu@alwaystwisted.com

reposts appreciated <3

24.02.2026 09:15 πŸ‘ 65 πŸ” 75 πŸ’¬ 2 πŸ“Œ 2
A white T-shirt, red water bottle and a sticker with awesome March MadCSS logo

A white T-shirt, red water bottle and a sticker with awesome March MadCSS logo

Just got some cool stuff from @syntax.fm ⛹️‍♀️

06.02.2026 11:41 πŸ‘ 7 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Depression recovery makes me feel dumb. This week, I spent three days fixing one tiny UI bug. And not because it was actually big. I just couldn't focus on a new file in this rabbit hole and recall why I opened it in the first place.

05.02.2026 18:14 πŸ‘ 13 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Haha πŸ˜„ As far as I understand, there will be UI pieces, not pictures. So, don't worry, I'm not gonna pass to the finals πŸ˜„

02.02.2026 07:33 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Game on! ⛹️‍♀️

19.01.2026 17:40 πŸ‘ 12 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
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...

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...

16.10.2025 10:57 πŸ‘ 5 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Same! I want to be like Amit in CSS when I grow up 🀩

10.10.2025 19:02 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Thanks! It's Arc. But it's in a maintenance mode now πŸ˜₯ So, I don't know which browser to use next

09.10.2025 18:10 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
State of CSS 2025: Resources

2025.stateofcss.com/en-US/resour...

11.08.2025 13:12 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

I'm honored to be the pick of the year by @sachagreif.com 😊

11.08.2025 13:11 πŸ‘ 23 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
Julia Miocene Personal page

Text version is here β†’ miocene.io/post/css-cha...

10.08.2025 12:35 πŸ‘ 4 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Skeleton: Make Your CSS Walk! Complete 3D CSS Guide, Part 3
Skeleton: Make Your CSS Walk! Complete 3D CSS Guide, Part 3 YouTube video by Julia Miocene

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

10.08.2025 12:33 πŸ‘ 11 πŸ” 2 πŸ’¬ 2 πŸ“Œ 0
Preview
State of CSS 2025

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

10.08.2025 08:04 πŸ‘ 12 πŸ” 4 πŸ’¬ 0 πŸ“Œ 0

I'd love to!

31.07.2025 20:37 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

No videos this and last week. I'm on vacation 🌴🌴🌴

25.07.2025 20:21 πŸ‘ 6 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
The Squarest Frog Alive β€” Sunday CSS #17
The Squarest Frog Alive β€” Sunday CSS #17 YouTube video by Julia Miocene

This week’s character is chunky, charming, and surprisingly easy to build.
If you can style a <button>, you can create this froggy. Seriously.

🐸 Learn how basic CSS building blocks turn into a froggy with cheeks, toes, and a fly.

youtu.be/rRsZDu7Ax3I

13.07.2025 12:14 πŸ‘ 20 πŸ” 5 πŸ’¬ 1 πŸ“Œ 0
Drawing a Mushroom Buddy with Pure CSS β€” Sunday CSS #16
Drawing a Mushroom Buddy with Pure CSS β€” Sunday CSS #16 YouTube video by Julia Miocene

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

06.07.2025 12:02 πŸ‘ 23 πŸ” 4 πŸ’¬ 2 πŸ“Œ 0
Drawing Yoda with CSS
Drawing Yoda with CSS YouTube video by Alvaro Montoro

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

06.07.2025 00:02 πŸ‘ 20 πŸ” 4 πŸ’¬ 1 πŸ“Œ 0
Made This Dog with Just HTML & CSS. No SVG or Canvas! β€” Sunday CSS #15
Made This Dog with Just HTML & CSS. No SVG or Canvas! β€” Sunday CSS #15 YouTube video by Julia Miocene

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

29.06.2025 12:03 πŸ‘ 35 πŸ” 3 πŸ’¬ 0 πŸ“Œ 0

Already bought tickets! See you all there πŸ‘‹

23.06.2025 14:59 πŸ‘ 5 πŸ” 1 πŸ’¬ 1 πŸ“Œ 0
Post image

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

23.06.2025 13:38 πŸ‘ 10 πŸ” 0 πŸ’¬ 0 πŸ“Œ 1
Preview
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...

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...

23.06.2025 05:27 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0