Quick Bits
Short, sharp, and to the point. Bite-sized things I learned and want to share.
Quick BitDecember 19, 2022
The unexpected behaviour of rem units in media queriesConfused about why your rem units aren't behaving in media queries? Find out the reason behind this unexpected behaviour and learn more about using rem units in responsive design in this article.Quick BitSeptember 16, 2022
How to use matchMedia to create a performant custom viewport hookUnfortunately, sometimes you need to write viewport-based logic in your JavaScript code. Usually, this is done with a listener on the window for a resize. Let’s look at a better way.
Quick BitJune 1, 2022
Keeping dependencies in sync in your mono-repoWhen building a component library as a mono-repo, you need to keep internal and external dependencies up-to-date between packages. You could do this manually once in a while, but there is a better way. Let’s have a look at Manypkg!
Quick BitNovember 18, 2021
Full page scroll snapping with CSS onlyScroll snapping is a popular technique to focus on a single piece of information. How can we implement this without the need and complexity of Javascript-based solutions?
Quick BitOctober 14, 2021
Avoid the Async Await try-catch hellRemember the old callback hell we used to deal with? Luckily, we can circumvent this nowadays with the use of Async Await. Unfortunately, this can introduce a new Async Await try-catch hell. Here's the solution on how to fix this.Quick BitJune 30, 2021
Why I use data attributes over classes for declarative element statesI always use data attributes over classes to query declarative elements in my JS code for a few reasons. Here's why.Quick BitApril 26, 2021
Nullish Coalescing (try to say it quickly ten times)One of my favourite features which were added in ES2020 is nullish coalescing. Despite its difficult pronunciation, this feature is a simple way of checking for falsey values. Let's have a look.Quick BitApril 13, 2021
Optionally add a key to an object in one lineI sometimes need to optionally add a key to an object based on a statement. This can easily be done with a few lines of code, but where's the fun in that? How can I do this as clean as possible?
Quick BitSeptember 16, 2020
GitHub profile READMEGitHub profiles always seemed a bit impersonal to me. Generally, you would pin some repositories and give some information like employer, location and website. To give developers more control, GitHub released the possibility for a profile README. Let's have a quick look.
Quick BitJune 18, 2020
Using template repositories with GitHubLet's have a quick look at GitHub Template repositores. We'll go over the why and the how with a practical example.
Quick BitMarch 1, 2019
Backdrop FilterThe backdrop-filter property is one of the most useful new, at the time of writing, CSS properties that are landing in major browsers. It will allow you to set a custom backdrop-filter on a div. This is not to be mistaken for the CSS filter property.