iiinova — where your digital self keeps evolving

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

Posts Replies Media

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

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

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

020

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

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

For those of you who implement Figma designs, do you know of any reliable plugins for exporting and converting Figma text styles into code, such as JSON or CSS? I see tons of plugins, but I'd like to know which ones are the most recommended by developers. #figma #webdev #css #designtokens

Text Styles section within Figma's sidebar Design panel. The styles are grouped into 'Mobile' and 'Desktop', each containing a typographic scale from '3XS' to '3XL' with corresponding font size and line height values.

020

Germán Freixinós @germanfrelo.dev · 24/08/2025

I've always loved the film "The Neverending Story" since I was a kid. Now, I'm starting the book for the first time 🙂.

Screen of a Kindle, with the text:
Michael Ende
The Neverending Story

000

Germán Freixinós @germanfrelo.dev · 20/08/2025

Could it be because of the minimum font size setting in each browser?

Minimum font size selector in Firefox's settings.

Minimum font size selector in Chrome's settings.

Minimum font size selector in Safari's settings.

110

Germán Freixinós @germanfrelo.dev · 05/08/2025

For now, he's got a "beautiful" collection of seven incorrect kits... Seven!!! 😅 Today is the 8th time he's called customer service. After some apologies and a bit of music on hold, they've told him that the kit that'll arrive in a few days will definitely be the right one. Will it? Place your bets!

Seven MacBook trade-in kits placed side by side.

120

Germán Freixinós @germanfrelo.dev · 16/04/2025

Me too! I've just added it to this card on the current project I'm working on. Perfect top alignment 🙌🏻:

Icon and text next to each other, and perfectly top aligned using CSS text-box property.

060

Germán Freixinós @germanfrelo.dev · 25/03/2025

I'm trying to implement the animations of the following video using scroll-driven animations (scroll-driven-animations.style). I have the text part, but I am stuck with the images. Any hint would be appreciated 🙏. Reduced test case: codepen.io/germanfrelo/... Original web:

110

Germán Freixinós @germanfrelo.dev · 30/12/2024

Which of these two options is more appropriate or correct for browsers that don't support the CSS light-dark() function? #CSS

/* 1 */
::placeholder {
color: #757575;
color: light-dark(hsl(0deg 0% 46%), hsl(0deg 0% 65%));
}

/* 2 */
::placeholder {
color: #757575;
}
@supports (color: light-dark(black, white)) {
::placeholder {
color: light-dark(hsl(0deg 0% 46%), hsl(0deg 0% 65%));
}
}

130

Germán Freixinós @germanfrelo.dev · 28/10/2024

Trying astro.build for the first time! (better late than never 😅).

Running the command "npm create astro@latest --template blog" in a terminal app.

240

Germán Freixinós @germanfrelo.dev · 06/10/2024

Bluesky now has over 10 million users, and I was #4,322,179!

A virtual certificate with text "Celebrating 10M users on Bluesky, #4,322,179, Germán Freixinós ‪@germanfrelo.bsky.social‬, joined on Feb 8, 2024"

020