Thoughts by Thomas Derflinger

Interactive maps on the web are a great way to visualize information. How to create an interactive outline map with React of the city of Munich I want to show in this article.

In every responsive web project you need media queries to adapt to different screen sizes. Styled components are a popular way to write CSS styles in React applications. This article proposes a way to write media queries with the styled components library Emotion.

Social distancing has shaped an increase in usage of remote working tools. One such tool is Jitsi video conferencing. In this article I want to describe how easy it is to spin up a free video conferencing server.

With Gatsby you can generate a static website that works great with cloud storage solutions like Google Cloud Storage. How to configure Gatsby and use Infrastructure as Code tools like Terraform I want to show in this article.

When you use Vue for your project, there is a great chance that Nuxt can improve your experience significantly. By using Nuxt you get all the benefits of the Vue ecosystem plus some significant enhancements that I want to highlight in this article.

Quickly building a shop for digital goods on an e-commerce website is important for many merchants. Using Snipcart and the CMS Gatsby allow us to integrate a shop fast.

The Arduino IDE contains a simplified language for developing for the Arduino platform. Common input and output operations are simplified making the environment ideal for prototyping for designers and makers. But sometimes you want to program in "real" C and use the AVR toolchain directly.

As the world grows more and more globalized, companies are looking for a uniform identity across their markets. Thus, the demand for fonts that shine and offer the same harmony across languages and scripts (writing systems) is increasing.

Markdown is a popular format for online content due to its easy syntax. Now you can create interactive content using React components in markdown with MDX. In this article I show how to use MDX with a React application to render an interactive chart with Recharts in a markdown file.

Serverless is a framework for building and deploying serverless code. Provisioning and scaling is automatically handled by the cloud provider. This tutorial will show how to write a function that sends an email with contact information. This is a popular use case for contact forms on websites.

Bootstrap is a hugely popular frontend framework. Looking behind the scenes of Boostrap unveils its heavy reliance on Sass, a CSS language. This article shows some of the internals of Boostrap with a focus on the button component and the build environment.

Many web applications need a login solution. This repetitive task can be made easier with Login Daal. Login Daal is an open source login solution written in JavaScript. It contains responsive screen designs and a mock backend server.

DevOps skills are becoming more important for NodeJS developers. With Ansible you can configure your cloud servers automatically. NodeJS is a popular JavaScript server platfrom. How to install a CentOS Linux server with NodeJS and Nginx using Ansible I want to show in this article.

Terraform is an Infrastructure as Code (IaC) tool by HashiCorp. Using it you can reproducibly create server instances on cloud providers like AWS or Digital Ocean. In this article I show you how to create an AWS EC2 Spot instance server with Terraform.

A-Frame is a VR (Virtual Reality) framework written in JavaScript developed by Mozilla. It runs in the browser and can display interactive 3D scenes in your VR device. How to build a VR website of a rotating sculpture with A-Frame I want to show in this article.

GatsbyJS is a fast static Content Management System (CMS). It can be individually extended by anybody knowing a bit of JavaScript and React. Since podcasts are undergoing a revival, this article shows how to self-host podcast audio files on your GatsbyJS website.

The new language learning platform DanuBlue now has a login with Facebook. If you have a Facebook account you can start right now learning vocabularies.

Having an Express REST API is great, but you need to teach other developers how to properly use it. This is the mission of the OpenAPI documentation specification for REST APIs.

What if we could connect the entire earth's biosphere with the web? This would enable us to empathize more with the world's creatures.

The ml5.js library makes it easy for JavaScript developers to integrate machine learning (ML) in their web application. In this article I show you how to easily recognize a bison with AI.