About 92 results
https://ayc0.github.io/posts/light-dark-mode-corrections · 16 Jan 2023
In my previous articles about Light/dark mode, I made a few mistakes, or forgot to mention some elements
https://mikebifulco.com/posts/next-js-github-bio-about-page · 9 Dec 2022
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.
https://ayc0.github.io/posts/proper-cross-fade-in-css · 6 Oct 2022
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.
https://ayc0.github.io/posts/light-dark-mode-react-implementation · 24 Jun 2021
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...
https://ayc0.github.io/posts/light-dark-mode-avoid-flickering-on-reload · 1 Jun 2021
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
https://ayc0.github.io/posts/light-dark-mode-system-mode-user-preferences · 31 May 2021
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 thos...
https://ayc0.github.io/posts/light-dark-mode-the-simple-way · 30 May 2021
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!
https://ayc0.github.io/posts/light-dark-mode-user-input · 30 May 2021
In this article, we’ll see how we can implement the logic to switch back & forth between light/dark mode
https://ayc0.github.io/posts/light-dark-mode-the-lazy-way · 29 May 2021
Let’s see how we can build a dark-mode compatible website, following your user’s system preferences, with 1 line of CSS
https://ayc0.github.io/posts/responsive-design-in-react · 9 May 2021
This short article focuses on when to use raw CSS vs React bindings when working with responsive designs