My Custom Svelte Boop Component
8 min read
Creating a Boop component might be a bit tricky with the spring effect. This is my component I tend to re-use whenever I want to use it in a project.
Create A Resposive Grid with CSS Flexbox
2 min read
Even though CSS Grid is more or less designed to create grids with, flexbox can actually be used to create some responsible grids without much effort.
Align Text On The Same Vertical Line Using Flow Layout
2 min read
When there is a lot of text on a page, it's generally looks much better if every paragraph and heading starts at the exact same vertical line. This is a short guide how to do that and still keep the page responsive
How To Use Custom (Local) Fonts with Tailwind CSS
3 min read
Using custom fonts locally is quite normal in web development. The tailwind documentation does not quite cover that part though. This is a simple guide on how to do that.
Remove Images That Are Not Found using HTML
1 min read
Sometimes you might want to fetch a photo dynamically, if that fails you most likely would want to remove it or replace it with another picture. This is how.
A Persistent Svelte Store With Localstorage
2 min read
Storing data in localstorage is very common in most web applications, this is a neat trick to do that with a Svelte Store
How To Add A Client Side Only Library To SvelteKit
3 min read
Due to the nature of SvelteKit, it might sometimes be a complicated to run (or import) a client only library, this is a quick fix for that.
How To Run Prettier On Changed Files Only
1 min read
Run prettier to format files that are changed in Git.
Iterate Over An Array With The Modulo Operator
2 min read
The modulo operator is often used to calculate if a value is odd or even, however, it comes to great use when you want to iterate (and re-iterate) an array without having to deal with to much logic.
How To Get the Inferred TypeScript Types From VS Code
1 min read
VS Code automatically infers your TypeScript types in a project, even if you haven't implicitly declared it yourself. However, if it is long it will hide some parts of it. This is how you get the full type.