iiinova — where your digital self keeps evolving

Reposted by Arby

Mia [data-css=poetic] @miriam.codes · 16/09/2026

I've heard that CSS subgrid is difficult to progressively enhance – and I disagree! Here's how I create subgrid fallbacks with one small addition. youtu.be/2ESqkg20JaE Join my @smashingconf.com workshop for more maintainable CSS! smashingconf.com/online-works... #CSS

youtu.be

CSS Progressive Enhancement with Subgrid

YouTube video by Winging It

03210

Arby @mobalti.bsky.social · 13/09/2026

CSS can count, calculate, and shape motion now. I made a sine wave with sin(), sibling-index(), and sibling-count(), then compared it with a compositor-friendly alternative. Full breakdown + live demos ↓ mobalti.com/css-sine-wave/ #CSS

100

Reposted by Arby

Firefox for Web Developers @webdevs.firefox.com · 08/09/2026

The CSS progress() function is now in all major engines! Here's how it works:

511818

Reposted by Arby

Firefox for Web Developers @webdevs.firefox.com · 18/08/2026

Firefox 154 landed today, and brings with it some great web platform features: 🎉 CSS text-box 🎉 CSS sibling-index() and sibling-count() 🎉 JS Iterator methods like chunks, window, includes, & join 🎉 HTTP No-Vary-Search …And more! developer.mozilla.org/en-US/docs/M...

developer.mozilla.org

Firefox 154 release notes for developers (Stable) - Mozilla | MDN

This article provides information about the changes in Firefox 154 that affect developers. Firefox 154 was released on August 18, 2026.

312314

Arby @mobalti.bsky.social · 11/08/2026

The way you handle returning to the system default with a two-state toggle is brilliant!

000

Arby @mobalti.bsky.social · 31/07/2026

Wrote a post about combining CSS shorthands with custom properties to encapsulate related system tokens. mobalti.com/the-power-of... #CSS

mobalti.com

The Power of CSS Shorthands in the Era of Custom Properties | Arby @mobalti

Encapsulating System Tokens with Shorthand Custom Properties.

192

Reposted by Arby

Shaw @shaw.city · 24/07/2026

🚀 🚀 It's launch day! 🚀 🚀 CodePen 2.0 is officially released! To celebrate, there's: 1. A brand new homepage codepen.io/2 2. An in-depth blog post blog.codepen.io/2026/07/23/t... 3. A Podcast blog.codepen.io/2026/07/23/4... 4. A brand new @keyframe.rs live stream youtube.com/live/sgwPEW1...

codepen.io

CodePen – Online Code Editor For Building & Deploying Websites

Build, share & learn with CodePen 2.0, the best community for developers with an all new online code editor featuring a file system, compiler, realtime & async collaboration, deployment, and more.

34020

Reposted by Arby

Andy Bell @bell.bz · 02/07/2026

I’ll use the quote I did for this page. Miriam has a unique talent of being extremely technical with CSS but communicates that so seamlessly and so inclusively that regardless of what level you’re at now, you’ll be so far beyond that when you learn from her. A true super talent. A bargain!

0157

Reposted by Arby

Adam Argyle @nerdy.dev · 14/06/2026

Prop For That 📣 An a-la-carte #JS library for #CSS developers that writes meaningful realtime CSS variables to an element: - value of an input - pointer position - size of scrollbar(s) - colors in an image/video - element's visibility - tons more… nerdy.dev/prop-for-that

nerdy.dev

Prop For That

Everything JS knows, now CSS knows.

313330

Reposted by Arby

Firefox for Web Developers @webdevs.firefox.com · 19/05/2026

Firefox 151 is out now, and brings with it some tasty new web platform features: 🎉 Container style() queries 🎉 Web Serial API 🎉 Document Picture-in-Picture API 🎉 keyboardLock on requestFullscreen …and more! developer.mozilla.org/en-US/docs/M...

developer.mozilla.org

Firefox 151 release notes for developers (Stable) - Mozilla | MDN

This article provides information about the changes in Firefox 151 that affect developers. Firefox 151 was released on May 19, 2026.

610921

Reposted by Arby

Arby @mobalti.bsky.social · 14/11/2025

The future of the web is more native than you think! Check out this customizable select element with an animated backdrop. CodePen: codepen.io/mobalti/full... #CSS @codepen.io @developer.chrome.com

011

Arby @mobalti.bsky.social · 14/11/2025

The future of the web is more native than you think! Check out this customizable select element with an animated backdrop. CodePen: codepen.io/mobalti/full... #CSS @codepen.io @developer.chrome.com

011

Arby @mobalti.bsky.social · 09/10/2025

CSS `@function` + relative colors = adaptive palettes that match content tone. Demo: codepen.io/mobalti/full... cc @miriam.codes @tabatkins.com @lea.verou.me #CSS

151

Arby @mobalti.bsky.social · 29/09/2025

I re-created Open Props shadows with the new CSS `@function`. This spec is wild ♥️ and it solves problems we’ve been chasing in CSS for years. Demo 👉 codepen.io/mobalti/pen/... cc @miriam.codes @tabatkins.com @bram.us

0396

Arby @mobalti.bsky.social · 21/09/2025

Hero in Monochrome The elegance of OKLCH in action: adaptive color with built-in accessibility Built with Open Props CodePen: codepen.io/mobalti/full... #css #html #webDev

000

Arby @mobalti.bsky.social · 15/09/2025

Cards with animated gradient borders Modern CSS ⚡💪 Gradient from gradient.style CodePen: codepen.io/mobalti/pen/... @codepen.io #CSS

021

Arby @mobalti.bsky.social · 29/04/2025

Meet the future of carousels: no JS, just CSS! ✅ Scroll Buttons ✅ Scroll Markers ✅ Scroll-State Queries ✅ Scroll Initial Target ✅ Anchor As @nerdy.dev said: "It'd be very difficult to make a more accessible carousel than this." @codepen.io 👉 codepen.io/mobalti/full...

120

Arby @mobalti.bsky.social · 13/02/2025

Infinite Orbit Animation with CSS Trigonometry & @property ✅ Pure CSS Orbit Animation → No JavaScript required ✅ Dynamic Tooltips → Auto-adjust position & alignment with Style Queries Huge thanks to @bram.us for the fantastic article! @codepen.io Live demo : codepen.io/mobalti/full... #CSS

120

Arby @mobalti.bsky.social · 10/12/2024

Props Color Finder Updates: - Enhanced contrast for picked colors - Added option to pick the closest named CSS colors - Introduced OKLCH color picking - Enabled LAB Mode for perceptual color matching - Added Quick Pick button (beta) leveraging the EyeDropper API props-color-finder.netlify.app

100

Arby @mobalti.bsky.social · 04/12/2024

Check out this AI chat hero section example on @codepen.io with a cool backdrop. It creates a futuristic feel that influences user behavior. It is a perfect fusion of aesthetics and functionality. CodePen: codepen.io/mobalti/full...

100

Arby @mobalti.bsky.social · 10/11/2024

Using the Web Audio API, I built this Beat Reactor (audio-reactive) with a 3D text effect. Crafted with Open Props. Check it out on CodePen: codepen.io/mobalti/full... @codepen.io #CSS #HTML

010