Jules Miocene
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.4K followers111 following63 posts
Jules Miocene reposted
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
Jules Miocene reposted
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
Jules Miocene reposted
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
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 😜
Build your bracket for the world's first ever CSS tournament, March MadCSS. Premieres Friday 10ET on YouTube, and the stakes are high. win over $1,500 worth of prizes madcss.com
Jules Miocene reposted
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...
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
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
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
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
Jules Miocene reposted
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
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
Already bought tickets! See you all there 👋
SmashingConf is coming to Amsterdam! 🇳🇱 Join us April 13–16, 2026, for a brand-new conference on design systems, CSS, AI, UX & more — made for designers & UI engineers who love the web. Views, vibes, and gezelligheid included. 💙 Early Bird tickets are available now! smashingconf.com/amsterdam-2026
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
Jules Miocene reposted
Replying to @miocene.io
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...
Jules Miocene reposted
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/...
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 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
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...
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 😆
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...
All the demos and a text version are on my website miocene.io/post/light-a...
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...
Jules Miocene reposted
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...
Jules Miocene reposted
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
Jules Miocene reposted
CSS Day 2025 will take place on 5th and 6th of June in Amsterdam. #cssday cssday.nl
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/...
Jules Miocene reposted
You are up to date.