Welcome to the new Web Developer's Journal built with Nuxt Content!

How to Add a Sitemap to Nuxt

As I am building Web Developer's Journal, I am using more of the awesome community modules that make the dev experience incredibe. This time I take a look at how to add an XML sitemap to Nuxt.

Creating Favicons with Nuxt

Nuxt has a couple of community modules that can automate the creation of favicons. I will show you how to use nuxt-rfg-icons.

How I Built DOJ.me

One of my projects in 2020 was DOJ.me. It is one of those websites that checks if other websites are down. I used NodeJS, MongoDB and Redis to build an MVC based website.

The Difference Between Git and Github

Back when I started learning web development, I had no idea what Git and Github was. Later I learned that Git is a version control system.

How to Learn Javascript

In this post I take a good look at (in my opinion) the best online courses and methods to learn Javascript quickly and have a better understanding of it than many who work full time for years.

What Does a Web Developer Do?

Have you ever wondered what does a web developer do? It's time to find out. What does frontend and backend mean?

Set up Passwordless Authentication for SSH on Ubuntu

Using a password for authentication on a server is asking for trouble. With passwordless authentication, the chance of anyone hacking into your server greatly diminishes.

How to Enable Passwordless Sudo on Ubuntu

It is common practice to use a sudo username instead of the root for security reasons. In some cases (like letting Ansible do it’s thing on a server), you will need to sudo without a password prompt.

Css width vs. flex-basis: what’s the Difference?

There is a time in every frontend developer’s life when they learn flexbox and ask: what is the difference between width and flex-basis? They look the same at first glance.

CSS Inheritance in Practice

Inheritance simply means that in certain cases a child element can inherit properties from the parent element. You can think of it like a default value for certain types of elements and its properties.

Styling Links with CSS

You can style links by applying styles to a elements. a elements have five states that you can target with your styles

Creating Links that Look like Buttons in CSS

I have written about styling links in CSS in another post. Creating the kind of buttons you see in website navigations is also done with simple links.

CSS Margin and Padding

Margin is the spacing between elements, like heading and paragraphs. Browsers all have their defaults. For heading and paragraphs, the default is the font size for both margin-top and margin-bottom.

CSS Inline and Block Elements

Block level elements will start a new line and will stack on top of each other. Block elements by default are: paragraphs headings lists and list items divs header footer main section and more.

Node global vs. window Object

You know how when you declare a variable with var in a browser, it will be added to the window object.

Center a Table with CSS

At first sight, centering a table with CSS seems like an easy task. You just apply text-align: center; on the container and it’s all set. Or is it?

Who Controls the Internet?

Before we can answer who is in control of the Internet, it's good to know a little about the history and fundamentals of it.

Javascript Limitations

When a programming language changes as fast as Javascript, browsers need time to catch up with it. That’s why support for some of the ES6 (ECMA2016) is spotty on some browsers.

The Mad, Mad World of Pixels Per Inch (PPI)

Trying to understand Pixels Per Inch is easier than spit-roasting jellyfish - but only marginally. When you've read this article, maybe you still won't fully understand ppi, but at least you'll feel confident that nobody else understands it either.