Julia Miocene

@julia_miocene
370 Followers
41 Following
42 Posts
Product Designer. Pure CSS Animator. Speaking about CSS and designing in the browser. GoogleDevExpert on web
miocene.io
Julia Miocene

Personal page

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 → https://youtu.be/fv0-fwSKbsk

Skeleton: Make Your CSS Walk! Complete 3D CSS Guide, Part 3

YouTube

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.

https://youtu.be/rRsZDu7Ax3I

The Squarest Frog Alive — Sunday CSS #17

YouTube

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

https://youtu.be/vDEJ7j5jb2U

Drawing a Mushroom Buddy with Pure CSS — Sunday CSS #16

YouTube
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 → https://youtu.be/PptOJpm-jhU
Made This Dog with Just HTML & CSS. No SVG or Canvas! — Sunday CSS #15

YouTube

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!

https://youtube.com/@julia_miocene

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.
https://youtu.be/rFPZM6tCT_o

Sunday CSS #14: Recursive square

YouTube
All the demos and a text version are on my website https://miocene.io/post/light-and-shadow-in-css/
Julia Miocene

Personal page

Julia Miocene

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

https://www.youtube.com/watch?v=2FEgcYfiTEM

Where is the light? Complete 3D CSS Guide, Part 2

YouTube

Wow what a meetup!

Huge thanks to everyone who joined our in-person gathering right after #CSSDay. Special shoutout to @julia_miocene, @johannes, and Vilde for the fantastic talks.

We had such a great time and hope to see you all again next year!