MoreRSS

site iconMatt FantinelModify

Web Developer in Brazil.
Please copy the RSS to your reader, or quickly subscribe to:

Inoreader Feedly Follow Feedbin Local Reader

Rss preview of Blog of Matt Fantinel

Cool Links Vol. 9: March, 2025

2025-03-31 20:00:00

If anything looks wrong, read on the site!

Hey there! Autumn is here in Brazil and the leaves have started to go yellow, which means it's my favorite season of the year! Mainly because it's neither too hot nor too cold, but also because it's very pretty.

I've prepped a selection of links to read through while you drink your coffee, tea, or whatever's your choice of beverage. The last one is a quite long video, but I highly recommend watching it!

Fun

It is as if you were on your phone

pretend to be on your phone so that you pass as human, but actually do essentially nothing instead

Do you feel pressured to be on your phone all the time, so you can pass as a human? This neat web app allows you to do just that, but while doing absolutely nothing instead.

(honestly, it's a better use of your phone than scrolling through social media...)

Web Development

The select element can now be customized with CSS 🎉

Customizing <select> elements is something every web developer has had to do, probably. And the thing about that is that... you really can't customize it. Or couldn't, until now.

Having to implement a custom look on this field was always, to me, the perfect definition of "reinventing the wheel". You gotta pick up this element that works reliably, is accessible, natively supported by all browsers, and users have been using for 30+ years, and then... build it from scratch, with JavaScript (which already kills the accessibility for some people).

Now, as of Chromium 135, you can finally customize them as you always expected you could! This will probably take a while to get to Safari and Firefox, but here's the cool thing: if those browsers don't support this new thing, the <select> will just look like a normal field and work just as well. A perfect example of progressive enhancement!

CSS Relative Colors, by Ahmad Shadeed

Ahmad’s blog has been featured here a few times already, and here’s another gem! A fully interactive, well-written and just a plain joy to read article explaining different strategies to handle colors in CSS, focusing on all those little color variations we need to handle when building something.

In Loving Memory of Square Checkbox, by Nikita Prokopov

In times where software “needs” to stand out rather than be familiar, we lose our heroes. Rest in peace, square checkboxes!

patch-package on npm

Sooo many times I’ve had to debug something in a npm package dependency of a project I’m working on, only to realize I need to change some of the code to make it work.

That’s usually a pain though, since you either have to open a pull request with a fix and wait for it to be merged, or setup your own fork of the package and host it somewhere.

This package aims to avoid that. It applies patches to other packages in your project, so you don’t have to go through the process of setting up a fork.

Tech

The iPad’s “Sweet” Solution, by Federico Viticci

Really nice article that pretty much sums up the iPad situation: it is interesting hardware but that has pretty much no software that showcases what it does best.

The best iPad apps are... web apps. And the iPad's only available browser being Safari doesn't make things better.

Deep Reads (or watch, in this case)

Algorithms are breaking how we think, by Technology Connections

This is an incredibly well-articulated rant about how recommendation algorithms are changing how our brains work. Automation is good for us and it’s everywhere, but what about when thinking, the very thing that makes us human, starts being automated?

Letting recommendation algorithms (that, as we all know, prioritize revenue) decide the information we get, the tone of that information, and the context of every social interaction is pretty much giving up on our autonomy.

The entire video is worth watching, but this part about context collapse was one of the most interesting bits. It makes perfect sense, but I had never thought of it this way:

Algorithmic feeds on social media are unfortunately quite good at fostering something known as context collapse. To understand this, imagine you’re dining in a restaurant and you’re close enough to a table of people to hear snippets of their conversation. You don’t know who any of the people at that table are, but if you manage to overhear them talk about something you’re really interested in, you might feel tempted to join their conversation. But in the context of a restaurant setting, that’s considered very rude, so it rarely ever happens.

On social media, though, the same kinds of quasi-private conversations between parties who know each other are happening all the time, but since the platform is just one big space and it might decide to put that conversation in front of random people, that social boundary of etiquette which is normally respected is just not there. And lots of conflicts happen as a result.

A really common one you might accidentally step into on social media happens when you stumble across a conversation among friends making sarcastic jokes with each other, but since you don’t know who those people are, you don’t have the context you need to recognize they’re joking. And so, if you reply with a serious critique, well, that’s a social misfire which some will react poorly to.

And that’s a pretty mild form of context collapse. It can be much, much worse when people want to discuss things like politics. And unless we realize recommendation algorithms are what’s fostering these reactionary conflicts, they’re going to continue so long as we use platforms in the ways that we do. It's for all these reasons that I believe algorithmic complacency is creating a crisis of both curiosity and human connection.

Wrapping up

Thanks for tuning in another month, and I hope to see (write to? Be read by?) you again next month!

Cool Links Vol. 8: February, 2025

2025-02-28 20:00:00

If anything looks wrong, read on the site!

Hey there! This month I brought a ton of links, probably a result of me trying to make a habit of checking my RSS reader every morning during breakfast. Let's get started!

Fun

XScreenSaver's Privacy Policy, by Jamie Zawinski

Apparently when your indie app does not collect any amount of data, the data reapers get confused.

My Life in Weeks, by Gina Trapani

This is such a cool idea that I definitely want to copy in the future. I'm a bit wary of making so much private information public (especially dates), so I might not ever make this public anywhere. But still, a nice personal exercise and a perfect memento mori.

noclip.website

This is so cool! This website allows you to explore the 3D models of maps from a variety of old-ish games from the Wii, GameCube, DS and PS2 eras. If you’ve played any of them, it might be worth having a look. My favorite ones to explore like this were the maps from Pokémon HeartGold/SoulSilver and Platinum.

I recommend opening the site on a computer though. The touch controls aren’t great.

How To Lose Brain Fat With This Programming Language!

I love those joke programming languages. They're perfect examples that sometimes the only reason you need to build something is that you can.

Web Development

View transitions: Handling aspect ratio changes, by Jake Archibald

Jake gives a really thorough explanation on view transitions, showing some of its shortcomings when animating some specific elements and how to fix them. View transitions are so nice 🤩

Faux Containers in CSS Grids, by Tyler Sticka

A fun exercise about making elements “pop out” of their containers with CSS without altering markup. Might not be useful if you can change the markup (as there are easier ways to do that), but learning this kind of approach is always good for expanding your repertoire.

Naming Things In CSS Grid Layout, by Rachel Andrew

That article about the faux containers lead me to this one. I knew about naming CSS grid areas, but I had no idea about the [area-start/end] pattern! You can set those explicitly or have them be automatically added by CSS. This is pretty cool!

Who's Afraid of a Hard Page Load?, by Unplanned Obsolescence

The smoothness of a web application is an anti-indicator of its reliability and predictability as a web page.

your team almost certainly doesn’t have what it takes to out-engineer the browser. The browser will continuously improve the experience of plain HTML, at no cost to you, using a rendering engine that is orders of magnitude more efficient than JavaScript.

I remember when I first learned about SPAs and how amazing it seemed like to be able to have smooth transitions between pages. Then, as I started building and using them, it became apparent that those benefits also brought a lot of issues that took a lot of dev work to fix.

Luckily, with View Transitions, lazy loading, and predictive pre-rendering (start loading a page before you click on its link) that a lot of frameworks have now, we can have most of the SPA benefits without having to reinvent the wheel.

Container Queries Unleashed, by Josh Comeau

I've written about Container Queries before, but this article by Josh Comeau is great at giving even more examples of its utility. It's always nice to see what use cases other developers find for it.

Learning HTML is the best investment I ever did, by Chris Heilmann

HTML and CSS are my favorite parts of web development, and this article gives some great examples of why. Learning HTML is one of the best things you can do for your (web development) career, as it’s the most foundational block of a website and by itself can do most of the functionality you need. From HTML, you can progressively enhance the rest.

Getting stuck: all the ways position:sticky can fail, by Polypane

position: sticky is incredibly useful but I’ve had issues implementing it more than once. This article goes over some of the most common issues we can face with it and how we can fix them.

How to pick a font (or is it a typeface?), by Saron from Not A Designer

Cool article explaining a little bit about fonts and choosing them for your website/app. I’m still overwhelmed by the options, but I found the info in there to be interesting.

Deep Reads

In the Kingdom of the Bored, the One-Armed Bandit Is King, by Nicholas Carr

Abundance breeds boredom. When there’s no end of choices, each choice feels disappointing.

It was once assumed that digitization would liberate cultural artifacts from their physical containers. We’d be able to enjoy the wine without the bottles. What’s actually happened is different. We’ve come, as Goldsmith says, “to prefer the bottles to the wine.”

Worth a read if you use any kind of computer technology, really. It’s so weird how our ancient brain has adapted to the digital world - or maybe hasn’t adapted at all?

I've missed Sam for a long time (or: Pick Your Battles), by Keenan

What a powerful read. Not really tech-related, but as someone who’s seen loved ones go down the same route as Sam did, it’s a very relatable, sad, albeit weirdly comforting, read.

Wrapping up

Phew, that was a lot! Some of them were in my "Read later" queue for a while. I'll keep working on clearing up that queue and let's see how next month goes.

See you then!

“Special Interests” and Negativity

2025-02-05 04:18:07

If anything looks wrong, read on the site!

Easily one of the best parts of my atypical brain is its ability to dive deeply into subjects I find interesting. Throughout my life these subjects have been quite varied, with music, movies, art, history, and games all sucking me in at some point in my life.

With the internet it's always been quite easy for me to find stuff to read or watch about what I like. This allowed me to have a pretty in-depth knowledge about a lot of things.

Then, something changed. A change that started happening subtly but that's now pretty hard to ignore. People used to gather online in communities centered about things they liked. They'd be similarly excited about similar things, and discussing those things would usually be a joy.

Now it seems like people only go out of their way if it's to talk about things they hate. Communities centered around something remotely popular are gonna be filled with people complaining and pointing out every single flaw about it.

Why is that? I'm not sure. Maybe because people are so angry all the time? Digital drugs (a.k.a. social media) monetize your anger, so we're naturally more angry if we don't actively fight against it.

It's just something I realized and that made me stop and think about how I approach my interests now. If something brings me joy and I want to keep things that way, then it's just better to avoid online communities about that interest altogether. It just sucks that enjoying something with others is getting increasingly hard.

Cool Links Vol. 7: January, 2025

2025-01-31 20:00:00

If anything looks wrong, read on the site!

Hey there! I hope your 2025 has started on a high note. What about some cool links to read during this weekend?

Fun

Henry Desroches' Website

Henry's personal website is absolutely stunning! It has an unique design that is, above all, fun to explore. I miss exploring websites, instead of being guided through them.

Stimulation Clicker, by Neal Agarwal

Most of what Neal makes is pure gold and this is no exception. This game is no different than most of what you can find on your App Store, it’s just more honest about it…

Web Development

Balancing Text In CSS, by Ahmad Shadeed

Incredible article that not only explains the new-ish text-wrap: balance and text-wrap: pretty CSS properties in-depth, it also goes into the caveats those properties have. It's well-written, well illustrated, and interactive. What else could you want?

Overflow Clip, by Ahmad Shadeed

Ahmad once again writing the articles I wish I did. Another well-written and interactive article going in-depth on the also new-ish overflow: clip CSS property. clip has helped me implement designs more than once and it's so nice to have something that works just like I always expected overflow: hidden to work.

Wrapping up

This month was also a bit short on links as I have been mostly focused on work rather than learning. Here's hoping I can get back to finding more good links soon! 🤞

Cool Links Vol. 6: December, 2024

2024-12-31 20:00:00

If anything looks wrong, read on the site!

Happy Holidays! I have four new links to read while you recharge your batteries from dealing with end-of-year stress or recovering from overeating.

They’re either introspective or retrospective, as is the theme this time of year.

Care Doesn’t Scale, by Steven Scrawls

This is such a good article that resonated very deeply with me. As someone who wished could do more to help the world and as a software developer who thinks about scalability, it’s a hard realization when you get older and don’t see yourself as someone who’s made a big difference.

But turns out that caring for someone or something doesn’t scale. It can’t, otherwise it’s not care anymore.

Self-guaranteeing promises, by Steph Ango

A self-guaranteeing promise does not require you to trust anyone.

Steph Ango is the lead developer behind Obsidian, and I’ve mentioned him before on my Owning your stuff is pretty cool, actually post earlier this year. On this article he talks about how the only way to guarantee ownership of your data is if the service can never access it in the first place. Terms of service guarantees are based on trust that the company’s priorities will never change, and that trust has been broken again and again.

State of JavaScript 2024

It's always fun to see these "State of..." surveys. Noteworthy thing being Astro completely dominating the framework numbers (except for usage, but I can totally see it becoming #1 soon).

CSS Wrapped 2024

A really well-designed post from the Chrome team showing the coolest new things that were introduced to CSS in 2024. A lot of the things in there are really cool! The sad part is that, unless you're running an up-to-date Chromium browser, you might not be able to see them in action. I initially saw this blog post on my iPhone (which only has access to Safari) and almost none of them worked.

Wrapping up

With 2024 over and done, I want to thank you for following me along over here, and I hope you stick around for 2025.

See you next year!

My Default Apps: 2024

2024-12-27 10:16:57

If anything looks wrong, read on the site!

Last year, I jumped on the trend back then of posting my default apps i.e. the apps I use on a daily basis for most of my activities, both on the computer and phone.

I had kinda forgotten about it this year, until I saw some people posting their updated list of apps before the end of the year. So I decided to do the same! It'll be nice to look back at this list in ~5 years and see how much I've changed.

But, as I updated the list, it looks like... almost nothing changed. I think my time of hopping between apps all the time has ended (or is slowly fading away). I don't see many reasons to change something that works well, so thankfully most of them stayed the same.

I highlighted the services/apps that are new with the ✨ emoji.

  • 📧 Mail service: Fastmail
  • 📬 Mail client: Apple Mail
  • 📆 Calendar: Apple Calendar
  • ✅ Tasks: TickTick (in 2023, I used Notion as well)
  • 📝 Notes: Obsidian
    • I wrote some of my reasoning for using Obsidian on this post.
  • 🌐 Web browser: Arc on Mac, Arc Search ✨ on iPhone (in 2023, I used Safari on iPhone)
  • 📰 RSS service: Readwise Reader
  • 📖 Reading: Readwise Reader
  • 🧮 Code Editor: Visual Studio Code
  • 👨🏻‍💻 Terminal: iTerm 2
  • 🔎 Search: Kagi
  • ⌨️ Launcher: Raycast
  • ☁️ Cloud storage: iCloud
  • 🌅 Photo library: iCloud
  • 🌤️ Weather: Apple Weather
  • 🎙️ Podcasts: Apple Podcasts / YouTube
  • 🎶 Music: Apple Music
  • 🛹 Clipboard manager: Maccy
  • 🔐 Passwords: 1Password
  • 💸 Budgeting: YNAB
  • 💁🏻‍♂️ Social: Mastodon
  • 🐘 Mastodon: Ivory (Mac and iPhone)
  • 🎮 Gaming: PS5
  • 🖼️ Screenshots: CleanShot X