Sign in

Germán Freixinós

@germanfrelo.dev
182 followers 431 following 107 posts

Front-end Developer focused on UI, UX, Accessibility, Design Systems, and Web Standards. Currently looking for a job as a front-of-the-front-end web developer. Links: - germanfrelo.dev - front-end.social/@germanfrelo 📍 Spain

PostsRepliesMedia
Germán Freixinós @germanfrelo.dev · 04/10/2026
Me too, especially when it applies changes without my permission and then apologizes for "jumping the gun". I assume that's how they're trained.
010
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
IntentToShip @intenttoship.dev · 25/09/2026
Gecko: Intent to Ship: Scroll-driven Animations
groups.google.com
Gecko: Intent to Ship: Scroll-driven Animations
Gecko: Intent to Ship: Scroll-driven Animations
1459
Germán Freixinós @germanfrelo.dev · 16/09/2026
“which is working it's way through the Working Group now” Is the default UA styling meant to be the same in all browsers? I mean, if the WG decides to adopt Safari’s version, will Chrome have to change its current styles?
100
Germán Freixinós @germanfrelo.dev · 09/09/2026
I really like Stylebot for this. I've set up the following CSS, applied to *all* web pages, to differentiate between the lower-case 'L' and the upper-case 'i': html { font-feature-settings: "ss02" 1, "cv05" 1, "cv08" 1, "zero" 1 } For Bluesky, I'm using this selector: `[class*="css-"]`.
A screenshot of the post I'm replying to, where you can tell the difference between the lowercase 'L' and the uppercase 'i'.
120
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 · 17/08/2026
I need them to include "githun" too. It's for a friend…
010
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
Manuel Matuzović @matuzo.at · 03/06/2026
Exciting news: Dynamic or context-aware headings in HTML may become a thing. matuzo.at/blog/2026/co...
matuzo.at
Context-aware headings in HTML - Manuel Matuzovic
I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.
0308
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
Germán Freixinós @germanfrelo.dev · 29/05/2026
35: less than 50 %, that’s for sure.
040
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
Germán Freixinós @germanfrelo.dev · 20/05/2026
I feel the same. I'm currently looking for a front-end role, but it's getting more and more discouraging. I've even thought about switching industries as a Plan B for the future. Fingers crossed I won't have to...
010
Germán Freixinós @germanfrelo.dev · 11/04/2026
This may help: piccalil.li/complete-css...
piccalil.li
Be the browser’s mentor, not its micromanager
A lesson from the Complete CSS course
000
Germán Freixinós @germanfrelo.dev · 11/04/2026
It’s a shame, but I genuinely want to believe that most people don’t do it on purpose because they don’t care, but rather because of a lack of awareness and education.
130
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
Germán Freixinós @germanfrelo.dev · 29/03/2026
Exactly: developer.mozilla.org/en-US/docs/G...
120
Germán Freixinós @germanfrelo.dev · 29/03/2026
Newly available since 2023-12-11. Projected widely available: 2026-06-11. webstatus.dev?q=nesting&co...
webstatus.dev
Web Platform Status
190
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
Germán Freixinós @germanfrelo.dev · 29/01/2026
Inside out (A).
010
Germán Freixinós @germanfrelo.dev · 28/01/2026
I got tired of doing it the WordPress way, so I switched to writing all the CSS in .css files and combining them with PostCSS: github.com/germanfrelo/...
github.com
050
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
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,...
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
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
Germán Freixinós @germanfrelo.dev · 17/12/2025
Could this be the link? css-tricks.com/preventing-a...
css-tricks.com
Preventing a Grid Blowout | CSS-Tricks
Say you have a very simple CSS grid layout with one column fixed at 300px and another taking up the rest of the space at 1fr.
120
Reposted by Germán Freixinós
Cyd Stumpel @cydstumpel.nl · 13/12/2025
Some tips on how and why we teach our students from @fdnd.nl, to implement progressive enhancement in their work! 🎓 cydstumpel.nl/why-we-teach...
cydstumpel.nl
Why we teach our students progressive enhancement | Blog Cyd Stumpel
With new CSS features seemingly coming out every week, I’ve been doing more and more progressive enhancement (PE) in my projects. It’s also a big part of what we teach our students at the Associate De...
1277
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
Manuel Matuzović @matuzo.at · 10/12/2025
On day 9 you discover dialog with @sjoy.lol #htmhellAdventCalendar htmhell.dev/adventcalend...
htmhell.dev
Discover Dialog - HTMHell
A collection of bad practices in HTML, copied from real websites.
22310
Reposted by Germán Freixinós
Firefox for Web Developers @webdevs.firefox.com · 09/12/2025
Learn more about @​scope on MDN developer.mozilla.org/en-US/docs/W...
developer.mozilla.org
@scope - CSS | MDN
The @scope CSS at-rule enables you to select elements in specific DOM subtrees, targeting elements precisely without writing overly-specific selectors that are hard to override, and without coupling y...
031
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
Josh W. Comeau @joshwcomeau.com · 28/11/2025
🎈 I shared my 10 favourite BF deals in my newsletter today. So much good stuff on sale this year! Featuring @b0rk.jvns.ca, @sarasoueidan.com, @kevinpowell.co, @scott.is, @wil.to, @bradfrost.com, @kulkarniankita.com, @citizenofnowhe.re, @kentcdodds.com, @nan.fyi, and @thecodercoder.bsky.social.
joshwcomeau.com
My 10 favourite Black Friday deals from other indie creators ❤️ • Josh W. Comeau
Friendly tutorials for developers. Focus on React, CSS, Animation, and more!
85220