Germán Freixinós

26 Followers
195 Following
208 Posts
Front-end Developer focused on UI, UX, Accessibility, Design Systems, and Web Standards.
Location: Murcia, Spain
«Y qué pequeños nos verán los que no volaron nunca» 🪁
Websitehttps://germanfrelo.dev
Blueskyhttps://bsky.app/profile/germanfrelo.dev
GitHubhttps://github.com/germanfrelo
Tags#A11y#CSS 💜 • #DesignSystems#Frontend#UX#WebStandards
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… 😔

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!

https://en.wikipedia.org/wiki/List_of_Monster_episodes

List of Monster episodes - Wikipedia

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

I can never remember whether `:not(.foo, .bar)` means "not .foo or not .bar" or "not .foo and not :bar" 😵‍💫.

According to this MDN article, it's equivalent to `:not(.foo):not(.bar)`, so I assume it means "not .foo and not :bar"…
https://developer.mozilla.org/en-US/docs/Web/CSS/:not#description:~:text=%3Anot(.foo)%3Anot(.bar)

:not() - CSS | MDN

The :not() CSS pseudo-class represents elements that do not match a list of selectors. Since it prevents specific items from being selected, it is known as the negation pseudo-class.

MDN Web Docs

Over the years, I’ve heard a lot of developers & other people wish that uBlock Origin was available for Safari. Now it is! Download for Safari 18.6 and Safari 26 beta.

https://apps.apple.com/app/ublock-origin-lite/id6745342698

App uBlock Origin Lite - App Store

Téléchargez l’app uBlock Origin Lite développée par Raymond Hill dans l’App Store. Consultez les captures d’écran, les notes et avis, les astuces d’autres…

App Store
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!
About 2 months ago, a family member bought a MacBook and ordered a trade-in kit for a Mac mini. But the kit that arrived was for a MacBook. He called customer service and they said they would send another kit. Was it the right one? Nope. He went through the same process again and again… ⬇️

Today I'm learning the Intersection Observer API to add simple scroll animations to a client's website. I hope Firefox will enable scroll-driven animations by default soon.

https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

#TIL #frontend #animations

Intersection Observer API - Web APIs | MDN

The Intersection Observer API provides a way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-level document's viewport.

MDN Web Docs
Working with different teams as an external consultant I learned that many devs don't deal too much with native HTML, CSS, or JS. Building websites for them means using a framework, component library, or Tailwind. I knew that, but I was surprised how disconnected they were from the standards world. It's almost as if web development means something completely different to them. My suggestions mostly involved solutions in vanilla HTML, CSS, and JS, but I feel like often these weren't useful. 1/2

I’m working on a CSS course: The Layout Maestro.

👉 Sign up for updates: https://layoutmaestro.ishadeed.com/

📓 Read the note: https://ishadeed.com/note/layout-maestro/