Sign in

Jules Miocene

@miocene.io
3.4K followers 111 following 63 posts

Product Designer. UX Engineer. Pure CSS Animator. Speaking about CSS and designing in the browser. Web Google Developer Expert. miocene.io youtube.com/@julia_miocene 📍Amsterdam

PostsRepliesMedia
Jules Miocene @miocene.io · 14/06/2026
WOW! I'm officially retired 😅
0100
Jules Miocene @miocene.io · 02/04/2026
It was absolutely incredible! Congrats @joshwcomeau.com 👏
000
Jules Miocene @miocene.io · 02/04/2026
Today’s the day! This final is going to be intense ⛹️‍♀️⛹️‍♀️⛹️‍♀️
050
Jules Miocene @miocene.io · 27/03/2026
Who's gonna make it to the finals? 🍿
0120
Jules Miocene @miocene.io · 20/03/2026
Justice for @adamwathan.com!
0111
Reposted by Jules Miocene
Syntax @syntax.fm · 19/03/2026
Who do you think is going to win each of these matchups tomorrow?? quote post this with your picks to be entered to win a MadCSS bomber jacket. @kevinpowell.co OR @joshwcomeau.com @wesbos.com OR @nerdy.dev @miocene.io OR Kyle Cook @chriscoyier.net or @tolin.ski
6226
Jules Miocene @miocene.io · 14/03/2026
Then great work on keeping a poker face 👏
030
Jules Miocene @miocene.io · 13/03/2026
You and @nerdy.dev looked super chill! How'd you pull that off? I could use a masterclass 😄
140
Jules Miocene @miocene.io · 13/03/2026
TODAY! ​I’m rooting for all the contestants in this bracket 📣 at least until I have to face them in the finale 😜
1162
Jules Miocene @miocene.io · 10/03/2026
I loved Begonia! And especially the world they created at the end. I want people to wear that knitted costumes 😅
020
Reposted by Jules Miocene
Syntax @syntax.fm · 10/03/2026
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
1264
Reposted by Jules Miocene
Syntax @syntax.fm · 06/03/2026
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
4266
Jules Miocene @miocene.io · 04/03/2026
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 😜
0180
Jules Miocene @miocene.io · 26/02/2026
A new Scrubs season is the best thing I've seen in the last couple of years 🥹🥹🥹
250
Jules Miocene @miocene.io · 25/02/2026
“no pressure” you forgot to add 😅
130
Jules Miocene @miocene.io · 25/02/2026
Same 😂
030
Jules Miocene @miocene.io · 25/02/2026
You can now fill out your bracket! #team_miocene
062
Reposted by Jules Miocene
Stuart Robson @sturobson.com · 24/02/2026
🎉 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
26575
Jules Miocene @miocene.io · 06/02/2026
Just got some cool stuff from @syntax.fm ⛹️‍♀️
A white T-shirt, red water bottle and a sticker with awesome March MadCSS logo
170
Jules Miocene @miocene.io · 05/02/2026
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.
0130
Jules Miocene @miocene.io · 02/02/2026
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 😄
020
Jules Miocene @miocene.io · 19/01/2026
Game on! ⛹️‍♀️
0120
Jules Miocene @miocene.io · 16/10/2025
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...
forms.gle
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...
050
Jules Miocene @miocene.io · 10/10/2025
Same! I want to be like Amit in CSS when I grow up 🤩
020
Jules Miocene @miocene.io · 09/10/2025
Thanks! It's Arc. But it's in a maintenance mode now 😥 So, I don't know which browser to use next
110
Jules Miocene @miocene.io · 11/08/2025
2025.stateofcss.com/en-US/resour...
2025.stateofcss.com
State of CSS 2025: Resources
020
Jules Miocene @miocene.io · 11/08/2025
I'm honored to be the pick of the year by @sachagreif.com 😊
1230
Jules Miocene @miocene.io · 10/08/2025
Text version is here → miocene.io/post/css-cha...
miocene.io
Julia Miocene
Personal page
040
Jules Miocene @miocene.io · 10/08/2025
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
youtu.be
Skeleton: Make Your CSS Walk! Complete 3D CSS Guide, Part 3
YouTube video by Julia Miocene
3122
Jules Miocene @miocene.io · 10/08/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
2025.stateofcss.com
State of CSS 2025
0124
Jules Miocene @miocene.io · 31/07/2025
I'd love to!
000
Jules Miocene @miocene.io · 25/07/2025
No videos this and last week. I'm on vacation 🌴🌴🌴
160
Jules Miocene @miocene.io · 13/07/2025
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
youtu.be
The Squarest Frog Alive — Sunday CSS #17
YouTube video by Julia Miocene
1215
Jules Miocene @miocene.io · 06/07/2025
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
youtu.be
Drawing a Mushroom Buddy with Pure CSS — Sunday CSS #16
YouTube video by Julia Miocene
2234
Reposted by Jules Miocene
Álvaro Montoro @alvaromontoro.com · 06/07/2025
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
youtu.be
Drawing Yoda with CSS
YouTube video by Alvaro Montoro
1204
Jules Miocene @miocene.io · 29/06/2025
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
youtu.be
Made This Dog with Just HTML & CSS. No SVG or Canvas! — Sunday CSS #15
YouTube video by Julia Miocene
0353
Jules Miocene @miocene.io · 23/06/2025
Already bought tickets! See you all there 👋
141
Jules Miocene @miocene.io · 23/06/2025
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
0100
Reposted by Jules Miocene
Bali Balo @bali.balo.cool · 23/06/2025
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...
codepen.io
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...
011
Reposted by Jules Miocene
Ana Tudor @anatudor.bsky.social · 23/06/2025
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/...
1154
Jules Miocene @miocene.io · 22/06/2025
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
youtu.be
Sunday CSS #14: Recursive square
YouTube video by Julia Miocene
1201
Jules Miocene @miocene.io · 16/06/2025
Good catch! Thank you, already fixed :)
010
Jules Miocene @miocene.io · 13/06/2025
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...
youtube.com
I challenge a CSS Magician to a CSS Battle!
YouTube video by Kevin Powell
2152
Jules Miocene @miocene.io · 13/06/2025
😄😄😄
010
Jules Miocene @miocene.io · 13/06/2025
All the demos and a text version are on my website miocene.io/post/light-a...
miocene.io
Julia Miocene
Personal page
040
Jules Miocene @miocene.io · 13/06/2025
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...
youtube.com
Where is the light? Complete 3D CSS Guide, Part 2
YouTube video by Julia Miocene
2243
Jules Miocene @miocene.io · 11/06/2025
Thank you :)
020
Jules Miocene @miocene.io · 10/06/2025
😄
090
Jules Miocene @miocene.io · 10/06/2025
😄
010
Jules Miocene @miocene.io · 10/06/2025
No, not for this talk unfortunately. But I'm working on a video and article versions of this talk. Want to add more useful tricks. So, you can follow me and wait for a month or so 😄
140