Tag: webdev
why I removed my self-healing URLs
the act of removing my self healing URLs
3 Tiny tips for better SEO
I hear from a lot of devs that they don't know where to start with SEO. Here are 3 tiny tips about to get you started.
Self-Healing URLs
Creating self-healing URLs within my Vue.js website
How does CSS work? The specificity
When writing CSS selectors, they sometimes don’t seem to be following the order of the code. Indeed they don’t: they also follow the specificity of each selectors. But what is the specificity and how does it work?
CSS :before vs ::before & :after vs ::after
Is there a difference in CSS between `:before` and `::before`? Which one is valid? What about similar syntaxes like `:hover` and `::first-child`?
Light/dark mode: Corrections
In my previous articles about Light/dark mode, I made a few mistakes, or forgot to mention some elements
Sync your About page and your GitHub bio on your Next.js site
Learn how to sync your About page and your personal GitHub README bio on your Next.js site, as a step towards owning your content on social media.
Proper cross-fade in CSS
Classical cross-fades in CSS using opacity don’t properly animate the opacity of elements, making them less opaque then needed. This article will show you how to achieve a proper cross-fade in CSS.
Light/dark mode: React implementation
After building a few different ways of creating light/dark modes for your websites, either in plain CSS, or with a bit of vanilla CSS, we need to tackle the topic of React websites. While most of the core will be the same as previously seen, React requires a few custom bindings for its particular life-cycles & data flow
Light/dark mode: avoid flickering on reload
When manually handling the theming of your website, you may run into a flicker at the page load from white to black. This is because your JavaScript takes some time to boot and to apply the dark mode. Let’s see how we can fix that
Light/dark mode: system mode + user preferences
In all my past articles, I showed either how to create a light/dark mode following your users system without JavaScript, or how to create a light/dark swatch for your website using JavaScript but without system mode. It is time to see how to reconcile those 2 approaches
Light/dark mode: user input
In this article, we’ll see how we can implement the logic to switch back & forth between light/dark mode
Light/dark mode: the simple way
Handling light/dark mode on your websites don’t have to be complex. A few lines of CSS to declare a few CSS variables can be all you need!
Light/dark mode: the lazy way
Let’s see how we can build a dark-mode compatible website, following your user’s system preferences, with 1 line of CSS
Responsive design in React
This short article focuses on when to use raw CSS vs React bindings when working with responsive designs
Why I switched to Fathom for web analytics
I fully switched my personal site from Google Analytics to Fathom - something that I had been considering for a while, and finally decided to go all in on.
Help your users when your web app crashes
This post came from my work on Surviving Other People's APIs. I've been working on a chapter on Async - the content below came from that writing, but doesn't quite make sense in the context of the book. I didn't want to scrap it entirely, so it's found its way into a blog post. I'd love to know what you think!