iiinova — where your digital self keeps evolving

Reposted by Germán Freixinós

MDN Web Docs @developer.mozilla.org · 25/09/2026

🆕 Customize MDN's browser compat tables! Press ⚙️ Settings on any compat table to choose which browsers and engines you see, and hide the ones you don't need. Your picks are saved in your browser. Try it 👇 developer.mozilla.org/en-US/docs/W...

MDN's browser compatibility table for the HTML popover attribute. Its columns cover desktop and mobile browsers, showing which versions support the attribute and its "hint" value. A "Settings" button sits above the table.

The Browser compatibility settings dialog on MDN. Browsers appear as chips grouped under Desktop, Mobile, Server and XR, and each one can be added to or removed from the table.

27925

Reposted by Germán Freixinós

Web Standards @web-standards.dev · 09/09/2026

You don’t need initial-scale in your HTML. Vale and ppk 🇪🇺 published the same finding hours apart: the <meta name="viewport"> element only needs width=device-width, and Safari no longer needs the hint. #html #browser vale.rocks/micros/20... quirksmode.org/quirk...

A meta name=viewport snippet with initial-scale=1 underlined in red, over two article pages titled “initial-scale no longer needed” and “You don’t need initial-scale in your HTML”.

082

Reposted by Germán Freixinós

Eric Bailey @ericwbailey.website · 24/08/2026

One thing that I'm particularly delighted about was a great GitHub engineer partnering with the accessibility team to quietly push this out. A lot of people use GitHub via the command line and email, and folks there often forget it: github.blog/engineering/... www.osnews.com/story/144892...

osnews.com

The text mode lie: why modern TUIs are a nightmare for accessibility – OSnews

0235

Germán Freixinós @germanfrelo.dev · 13/08/2026

Crazy idea: for the next total solar eclipse on 2 August 2027, theme toggles with light, dark and solar eclipse modes. 🤔

020

Germán Freixinós @germanfrelo.dev · 12/08/2026

Eclipse de Sol total desde Paterna, España. Una pasada 😍

020

Reposted by Germán Freixinós

Jake Archibald @jakearchibald.com · 29/06/2026

There's an ideal set of sizing constraints for custom <select>, but the CSS is a bit tricky. Here's how to make it work, and a tour of new CSS features along the way. jakearchibald.com/2026/goldilo...

jakearchibald.com

The Goldilocks customizable select height

The 'ideal' sizing is more complicated than you think…

1331255

Germán Freixinós @germanfrelo.dev · 05/06/2026

I have just started migrating from Notion to Obsidian. Not without some initial problems... 🧐

000

Reposted by Germán Freixinós

Firefox for Web Developers @webdevs.firefox.com · 02/06/2026

Ever struggled to get heading tags right in includes/components? headingoffset could be the answer…

1124661

Reposted by Germán Freixinós

Brecht De Ruyte @utilitybend.com · 28/05/2026

Designers should be more container query aware. it's a team responsibility for devs and design together. The "I can't do that in Figma" should not be a blocker. "Design component based", learn basic capabilities such as length units available in the browser. Know the medium you design for. #webexpo

2122

Reposted by Germán Freixinós

Web Standards @web-standards.dev · 22/05/2026

Look up web platform features from your terminal. Patrick Brosset’s wf command shows Baseline status, MDN docs, specs, browser bugs, survey results, and Chrome usage, with data from the W3C WebDX Community Group. #tools #baseline www.npmjs.com/packag...

Two terminals with web-features-cli: wf "view transitions" -s bugs -s positions listing bugs and positions, and wf "container queries" showing Baseline Widely available since 2025-08-14.

161

Reposted by Germán Freixinós

Mark Tomlinson @marktomlinson.dev · 22/05/2026

Forgot to mention: this shipped in @sugarcube.sh last week! No more back-and-forth between sugarcube and utopia.fyi. Thanks to @arpit.codes for helping push me to actually implement this. Check out the fluid space & type docs for more:

sugarcube.sh

Fluid Space & Type

Design tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.

4227

Reposted by Germán Freixinós

Scott Riley @scott.is · 21/05/2026

framework-specific component libraries are wild. web components are fucking fab. in this post i walk through creating a framework-agnostic, docs-first design system setup using web standards (and @arielsalminen.com’s wonderful elena). piccalil.li/blog/framewo...

piccalil.li

Framework-agnostic design systems: a practical approach to web components

Baking framework lock-in into your design system from day one is a recipe for obsolescence. Component documentation is often tedious and out-of-sync with development. Let’s build a documentation-first...

56411

Reposted by Germán Freixinós

Nathan Knowler @knowler.dev · 10/04/2026

omg finally

1133

Reposted by Germán Freixinós

MDN Web Docs @developer.mozilla.org · 08/04/2026

Under the hood of MDN's new frontend 🛠️ We rebuilt MDN from the ground up. ⋅ Web components for islands of interactivity ⋅ Only the CSS & JS each page needs gets shipped ⋅ Dev server starts in 2 seconds (down from 2 minutes) Read the full story 👇 developer.mozilla.org/en-US/blog/...

Code snippets and headings showcase web development topics like HTML, CSS, and JavaScript optimization related to MDN's new frontend.

3698

Reposted by Germán Freixinós

Mayank @mayank.co · 29/01/2026

RESOLVED: Add balance keyword to flex-wrap 🥳 github.com/w3c/csswg-dr...

2171

Reposted by Germán Freixinós

jeremAIas @jeremias.codes · 20/01/2026

@layer is such an underrated CSS feature, it solves most of your architecture specificity and distribution problems honestly. It's not mentioned enough.

0188

Reposted by Germán Freixinós

Piccalilli @piccalil.li · 15/01/2026

A really common user interface pattern is a big clickable area, such as a card. Sometimes you need controls within that card that are also clickable. There's lots of ways to do it wrong, but fret not, @ericwbailey.website is here to show you how to do it right. piccalil.li/blog/accessi...

piccalil.li

Accessible faux-nested interactive controls

15816

Reposted by Germán Freixinós

David Bushell 🪿 @dbushell.com · 14/01/2026

noted: why can't "AI" bros take "no" for an answer? dbushell.com/notes/2026-0... there's a common theme of non-consent around the AI industry that's vile and disturbing

dbushell.com

Notes – 09:21 Wed 14 Jan 2026

173

Reposted by Germán Freixinós

Bramus @bram.us · 06/01/2026

Ow yeah! 😎 FYI: you can start using customizable select *TODAY* because it is the perfect progressive enhancement: in browser with no support you get the status quo which is just a regular select (which you can also style up to a certain extent).

35513

Reposted by Germán Freixinós

Carlos del Castillo @cdelcastillo.bsky.social · 30/11/2025

Sam Altman en mayo de 2024: "Odio los anuncios. Serían el último recurso. La mezcla de anuncios e IA es inquietante". Sam Altman en noviembre de 2025: "Me encantan los anuncios de Instagram. Espero que lo probemos en algún momento". ¿Qué ha pasado en solo un año? La realidad. 🧵

eldiario.es

Tres años de ChatGPT: la máquina que no pudo quitarte el trabajo ahora va a por tus secretos

Sam Altman, para quien la publicidad era "el último recurso" de OpenAI, abre la puerta a insertar anuncios en ChatGPT basados en los datos personales de los usuarios ante los problemas con el negocio ...

12621

Reposted by Germán Freixinós

Sam Rose @samwho.dev · 12/12/2025

Every company shipping software to users take note: this is how you do release notes. The effort that went into this post must have been huge, and is not lost on me. Thank you 🙏

3423

Reposted by Germán Freixinós

Large Heydon Collider @heydonworks.com · 11/12/2025

You can fundamentally rewire your brain to properly understand CSS layout... for $34.50. Can’t say fairer than that! One day left.

23914

Reposted by Germán Freixinós

Andy Bell @bell.bz · 28/11/2025

Oh I forgot to mention on here, Every Layout is doing the annual 50% discount too! every-layout.dev

every-layout.dev

Relearn CSS layout

33910

Reposted by Germán Freixinós

Andy Bell @bell.bz · 11/12/2025

The more CSS focuses on typography the more we can convince designers that it's the best design tool for the web IMO. Love to see it.

5646

Reposted by Germán Freixinós

Firefox for Web Developers @webdevs.firefox.com · 11/12/2025

CSS text-decoration-inset landed in Firefox 146! Here's how it works:

620438

Reposted by Germán Freixinós

Firefox for Web Developers @webdevs.firefox.com · 09/12/2025

CSS @scope has landed in Firefox 146, making it a new baseline feature. Here's how it works:

17020

Reposted by Germán Freixinós

Stacy Kvernmo @stacykvernmo.com · 01/12/2025

The CSS is Awesome Game on Winging It is coming up soon and we would love your help. We made a 5-question CSS-based survey if you have a minute to spare. We are excited to include more audience participation this year. tally.so/r/QKoaEY

tally.so

CSS is Awesome Game

Made with Tally, the simplest way to create forms.

0108

Reposted by Germán Freixinós

Kevin Powell @kevinpowell.co · 01/12/2025

Nice write-up by @joshwcomeau.com in his latest newsletter where he takes a look at some of the struggles AI still have with CSS, including what looks like a fairly simple example that it simply can't handle, as well as the benefits of deep knowledge. www.joshwcomeau.com/email/black-...

joshwcomeau.com

What’s the point of learning this stuff? • Josh W. Comeau

Friendly tutorials for developers. Focus on React, CSS, Animation, and more!

5296

Reposted by Germán Freixinós

Ana Tudor @anatudor.bsky.social · 01/12/2025

I made an interactive demo to illustrate the `contain` vs. `cover` values. You can play with picking various combinations of box and actual image aspect ratios. Live demo on @codepen.io: codepen.io/thebabydino/... #CSS

0226

Reposted by Germán Freixinós

Josh W. Comeau @joshwcomeau.com · 30/11/2025

Here’s a question I get a lot: > “Now that AI can generate front-end UIs for us, what’s the point of learning CSS ourselves?” I think there are lots of reasons, including that you can use AI much more effectively if you understand CSS yourself. But is that actually true? Let’s discuss. 🧵

2414533

Reposted by Germán Freixinós

Sara Soueidan @sarasoueidan.com · 28/11/2025

🙌🏻 Incredible value for top-tier education. There's a course for almost any frontend and/or design topic you want to learn about—from CSS, to accessibility (from yours truly ☺️), design systems, React, and more. Check'em out! @piccalil.li has also done a similar roundup: piccalil.li/links/black-...

piccalil.li

Black Friday deals 2025

It's that time of year again! Let's have a look at the deals we, and our much loved community are offering this year. It's the most important time of year for independents, so let's give them our supp...

1112

Reposted by Germán Freixinós

David Darnes @darn.es · 25/11/2025

CSS piccalil.li/complete-css HTML (actually frontend a11y) practical-accessibility.today JavaScript piccalil.li/javascript-f... Design piccalil.li/mindful-design A full suite of courses for people working on the web 💜

1328

Reposted by Germán Freixinós

Manuel Matuzović @matuzo.at · 21/11/2025

Here's an introduction to the popover attribute! www.youtube.com/watch?v=KX8Y...

youtube.com

HTMHell #5 - An introduction to the popover attribute

YouTube video by HTMHell

0216

Germán Freixinós @germanfrelo.dev · 15/11/2025

Bueno, pues creo que a este paso no me va a llegar ni la carta a Hogwarts ni la invitación al Nadie Sabe Nada… 😔

010

Germán Freixinós @germanfrelo.dev · 15/11/2025

Wow! I’m watching the anime series Monster again, and I don’t remember it being such a gold mine. Wow… It's definitely in my top five! en.wikipedia.org/wiki/List_of...

en.wikipedia.org

List of Monster episodes - Wikipedia

010

Reposted by Germán Freixinós

MDN Web Docs @developer.mozilla.org · 07/11/2025

🔔 New changes in default UA styles for <h1> in <section> <article> <nav> & <aside> • No implicit <h1> styles based on surroundings • A <h1> will always look like a <h1> • Lighthouse will flag missing font-size on <h1> in <section>s, etc Read more 👇 developer.mozilla.org/en-US/blog/...

developer.mozilla.org

Default styles for h1 elements are changing | MDN Blog

Browsers are starting to roll out changes in default UA styles for nested section headings. This post describes the incoming changes, how to identify if it's an issue on your websites, and hints for conformant and better-structured pages.

0164

Germán Freixinós @germanfrelo.dev · 06/11/2025

Another example is the block editor/theme paradigm of WordPress. Although CSS Cascade Layers have been widely available since March 2022, they are still not supported there.

140

Germán Freixinós @germanfrelo.dev · 31/10/2025

Now that the CSS light-dark() function is newly available since May 2024, I’ll see what people are doing these days to get ideas for improving and refactoring the system/light/dark color toggle that I built in 2021: codepen.io/germanfrelo/...

codepen.io

Color Scheme Toggle with Light, Dark and System options

A basic, semantic and accessible Color Scheme Toggle with Light, Dark and System options....

110

Reposted by Germán Freixinós

Scott Riley @scott.is · 27/10/2025

New renderer, tokens that meet the format module spec, variants, and flex/grid layouts that actually match the browser's rendering logic. @penpot.app is getting so good.

1141

Germán Freixinós @germanfrelo.dev · 22/10/2025

Why didn't the element on the site have the expected color? Because apparently, I can't type correctly "color", not even "colour" 😆 #CSS #typo

A CSS custom property named --coloir-surface-1:

030

Reposted by Germán Freixinós

Craig Abbott @craigabbott.co.uk · 22/10/2025

A thread, a super interesting, yet terrifying study, by researchers at the University of Texas at Austin, Texas A&M, and Purdue, which shows language models can suffer permanent cognitive damage when trained on low-quality, high-engagement social media posts. #AI #ArtificialIntelligence #AIResearch

295

Reposted by Germán Freixinós

CSS by T. Afif @css-only.dev · 17/10/2025

I said 36 positions, but in reality, they are even more because within each position, we can control the alignment of the element using justify-self and align-self. 36 positions, 2 axes, 4 alignment values per axis. I let you do the count! 🫣

1247