Blog

Fantinel.dev v5 is here!

10 min read

Out with the green waves, in with the rainbow of pastel colors!

Setting up Storybook on an Astro project

7 min read

I really, really thought this was gonna be easy.

text-overflow: ellipsis on multi-line text

2 min read

Adding an automatic ellipsis to some text if it overflows its content is simple enough. But what if you want your text to have multiple lines?

CSS “Quantity Queries” are a thing now

4 min read

With the :has selector available everywhere now, there's a neat way of styling elements depending on how many elements are inside them.

Automating Social Media Preview Images

6 min read

Social media preview images are very useful if you want to attract people to your website. They're sometimes a pain to create, though. Let's automate it!

Progressive Enhancement (and why it matters)

8 min read

Progressive Enhancement isn't just another web jargon; it's a guiding principle shaping modern web development.

CSS's "isolation" property is pretty cool

1 min read

I had never heard about it before, but it's a pretty clean way of solving z-index related issues.

“Classic rock, Mario Kart, and why we can't agree on Tailwind”

1 min read

Great article from Josh Collinsworth explaining why Tailwind is good and bad for the exact same reasons.

Container Queries Are Here!

5 min read

Responsive web development will never be the same again.

Conditional Hover Styles in CSS

2 min read

Have you ever crafted a nice hover effect for an element in your website, then opened it on mobile and saw that effect erroneously appear when that element is tapped on?

Who Runs Our Code

2 min read

In a world with tons of business requirements, conversion metrics, and a stampede of new technologies, front-end development can easily become oblivious of one thing: where our code runs.

How I built a blog with Svelte and SvelteKit

14 min read

An overview of the experience I've had using these amazing projects.

Smarter, Lighter, Better Images: A Guide to Optimization

10 min read

Learn how to reduce page loading times and bounce rate.

How to fix your Favicons

4 min read

Favicons suck. Luckily, there are ways to make them suck less.

CSS Scroll Snapping - Improve Scrolling without JS

4 min read

Learn how to snap scroll positions with CSS only.

Developing an Animal Crossing companion app with Ionic

13 min read

No bells were spent while building this app.

Web Workers - Bringing Multithreading to the Front-End

4 min read

Improve your client-side performance by breaking heavy operations into multiple threads - backend style.

Micro Frontends: Solving the Legacy JavaScript Problem

9 min read

Finally a way to modernize that legacy project you keep complaining about!

What are PWAs and why should I care about them?

7 min read

We see a lot of talk about PWAs, but the concept is not that easy to understand.

How to transform your Angular 6+ app into a PWA

5 min read

Make your Angular app work like a native app on phones and desktop.