Consistency in rounded corners is something I came upon every now and again. It would really bother me until I found this very neat trick to solve it.

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.

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

Run prettier to format files that are changed in Git.

The default way of cloning and maintaining Git repos for some might be using HTTPS. In case you want to switch to SSH, this is a very short guide on how to do that.

A stumbled upon a nice script that helped a lot of people to book a train in Sweden, and got interested in how it works. This is just a quick summary of that.

I tend to use SVG:s a lot, however, sometimes I feel like it simpler to render them as PNG:s for some special workflows. This a neat trick to do that in your own API.

It is often quite nice to use Context in React, I tend to use this hook to simplify it.

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.

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.

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.

Storing data in localstorage is very common in most web applications, this is a neat trick to do that with a Svelte Store

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.

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.

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.

You probably access remote databases all the time, however, if you want to work offline it could be cumbersome not to have access to your database. This is a simple method to back it up and run it locally using Docker.

Awk can be very useful when working with text files in Bash. This is a short cheat sheet on some of the commands you'll most often use.

Bash syntax is quite complex and can be hard to grasp. This is a guide, or cheat sheet, to give you all the bash functionalities that you need to write useful automation scripts.

Sometimes you might need to replace some text in a string - the bash allows you to do so easily. This is a short summary on how you can do that.

A simple hack to allow the children of an limited HTML element to be full width.

Bash provides some great feature for you to find the files you are looking for, this is a simple way to do that.

The easiest way to clean up your git history by using fixup and autosquash.

Setting up a development environment can be quite tedious. Especially if you want to use it remotely. This is a quick get started guide so you can access your workspace from anywhere, using Ubuntu, VS Code, and SSH.

A remote linux server could be very useful. Hetzner provides cheap and reliable servers that are easy to maintain. This is a short guide on how to setup one easily.

Hosting your page on localhost is simple, ngrok allows you to share that connection with people outside your computer for free.

Fetch multiple URLs at the same time using Promises.all

Save the output of a command in a Bash script to use it later.

How you can see if a package or commando exists in a Bash script.

How to loop through arrays in Bash

Adding flags to your bash script will probably simplify your developing experience. This is a short guide on how you can add both long and short flags without using getopts.

Run any script you want (in this case NPM) before a build in ASP.NET Core.

Serve different CSS files based on a header parameter on an Angular application with an ASP.NET Core backend.

Setup state management with NgRx in your Angular application.

Execute a command within your docker container.

Create a form in Angular with multiple steps and validation for each step.

Create an application that uses both a top bar and a sidebar for navigation using CSS and Bootstrap.

How to build forms and manage validation easy in Angular

Create a sidebar (navbar) with navigation, that on smaller screens, will turn to a bottom bar with icons using only CSS and HTML.

There are a few methods to share data between child and parent components in Angular. This is how using the @Input and @Output method.

It's easy to find a good Docker container online. Sometimes, it does require some minor changes to make it perfect. This is how you can modify a Docker container, and then save it as a new Docker image using commit

This is a simple explanation of the Docker workflow. From creating the first Dockerfile to pushing it to Docker.

Sometimes you start a lot of containers and the same time, this is a simple way to stop and delete them all.

Branching is great, it does, however, look much better if you remember to remove your old branches so they don't take up unnecessary space. This is how.

Sometimes things just go wrong, and thankfully we have Git to save some time. This is a short guide on some ways you can delete (or remove) or last commit

Async/Await is great, it makes the code much more readable and clean. It is, however, quite tricky to use it within an Angular interceptor. This is how you do it.

Angular interceptors are great when it comes to handling outgoing HTTP requests and incoming HTTP responses, this is a short guide on how to separate the two, and how to handle each type

Centering with CSS is actually more difficult than one might think. Here are some different ways to center your elements within a container with CSS and HTML

CSS Grid is a great tool for styling your web pages. This neat trick will let you adjust your grids with a minimum size so it will look better on phones.

Conditional classes are great. Use one CSS class if one condition is fulfilled, or another class if not. This is a quick guide on how to do that in Angular.

Query parameters in Angular allows for passing data across routes in your web application. They are often also mixed with the path variables - here I'll show the difference and how to get both of them.

Git stash temporarily saves your changes and stashes them. You usually do it if you quickly need to work on something else without committing your current code.

To commit your work is probably the thing you do the most with git. It's basically to save a snapshot of your current project, making it possible to go back to that specific snapshot of your code.

Branching with git is a great feature, this is a simple workflow for how to branch and merge different branches.

Keep a clean history with rebase, instead of cluttering your teams commit history. This is the simplest way how to use git rebase.

Sometimes you want to squash, or combine, earlier commits back in your history. This is one way you can do that.

Git squash can be used to combine several commits into one. This is the easy way to do it.

This is how you see if you are using WSL within a Bash script.

Override your local project with the latest changes from your git repository

This is the quickest way to install Docker on WSL and sync it with your Docker containers.

The easiest way to install Brew on WSL, in this case Ubuntu.

Fetch your CSS values within your JavaScript code

How to calculate the amount of days between two dates in JavaScript.

A simple function to check if two date objects are referring to the same day.

A simple and clean method to remove all duplicates in a given array.

Remove all node_modules folders within a directory with one simple command.

How you can backup your data with Rsync in a Linux environment.

Kill processes in Linux to keep down memory and CPU usage.

The basics of Screen on Linux, a cheat sheet.

Copy your public SSH key to a remote machine for easier access

Execute a shell script on a remote machine using SSH on bash.

Setup a MySQL/MariaDB server easily on Ubuntu VPS with remote access to use in your projects.

When working with ASP.NET Core and Angular, debugging is much easier in, for example, Visual Studio. This is a short guide on how to make debugging work in VS Code.

Renaming the keys in a Javascript (or JSON) object can be quite tricky, this is a simple trick to rename all the keys you want.

SEO is important if you want people to find your articles on Google. This is a simple way to make sure you have a custom meta description for each article you publish.

Hugo themes are great - some do, however, not include custom CSS and JS from start. This is a simple guide on how to add it to your own Hugo site.

When you have created a full-stack web application (with React, Vue or Angular) and Express, it is quite difficult to host it for free. This guide will help you do that on Heroku

Printing on the same line with Python is useful if you, for example, want to use a progress bar or download status in a CLI program. This is a simple way to do that.

Python is a great tool for web scraping, however, getting behind authentication (being signed in) might be a bit difficult. This is a guide on how to do that with the Requests library

Python makes it simple to grab data from the web. This is a guide (or maybe cheat sheet) on how you can scrape the web easily with Requests and Beautiful Soup 4.

Working with Virtual Environments is very handy. It allows you to create a self-contained directory that contains a Python installation for a particular version of Python. Install all your dependencies in an environment that you can easily modify or remove.

Working with Hugo themes you probably use git submodules. These are basically subrepositories within your repository. They can be used for several different reasons, but the main one is probably so you can download updates.