Skip to main content
Q-Bytes
    • Nothing bookmarked yet

  • Home
  • Open source
  • About
  • Portfolio

Q-Bytes

I write articles about my learning journey, including modern Javascript, Typescript, Vue and Rust development.

How to keep your Azure infrastructure highly available - Availability sets and availability zones by

How to keep your Azure infrastructure highly available - Availability sets and availability zones

Featured

15 open-source tools to elevate your software design workflow in 2024 by

15 open-source tools to elevate your software design workflow in 2024

Featured

How to create svg elements with Javascript

Featured

How to copy text to the clipboard with Javascript

Featured

Latest publications

Let's build Vue directives: Adding a wave effect to buttons by Tobias Quante

Let's build Vue directives: Adding a wave effect to buttons

The wave, aka the ripple effect, became popular with Google's material design guidelines. When a user interacts with a button, a wave-like animation would spread outwards from the clicking/touching point. Read on to learn how to implement this feature with a Vue.js directive.
Tobias Quante

Tobias Quante

10 December 2021
vuejs
A step-by-step guide to developing and deploying Vue apps with docker, part two by Tobias Quante

A step-by-step guide to developing and deploying Vue apps with docker, part two

Vue is a great framework to develop user interfaces. It has experienced a great deal of growth in popularity since its initial release in 2014 and still continues to improve. This second part of the series will explain how to develop "in" a container and ship your app with a custom Docker workflow
Tobias Quante

Tobias Quante

15 November 2021
devops
Quick & Dirty: How to add a client search feature to your Ghost blog by Tobias Quante

Quick & Dirty: How to add a client search feature to your Ghost blog

This article attempts to give you an idea of how to implement a search feature for your own Ghost blog. You'll learn how to create your own index, store it on the clientside and query it for results. In the related code repository, you can also find an implementation example.
Tobias Quante

Tobias Quante

17 October 2021
javascript
Let's build Vue directives: Scrolling elements into view by Tobias Quante

Let's build Vue directives: Scrolling elements into view

Directives are one of Vue's most powerful concepts. They provide direct access to a DOM element over its lifecycle. And you're not restricted to the built-in ones but can also write your own custom directives.
Tobias Quante

Tobias Quante

03 October 2021
vuejs
How to self-host Google fonts for your web application | Part 2/2: Download and provision by Tobias Quante

How to self-host Google fonts for your web application | Part 2/2: Download and provision

They are everywhere. For a good reason as well - typography plays a big role in UI design, and Google provides designers and developers a simple solution by providing popular fonts over their CDN. You might, however, have good reason to serve these from your own server.
Tobias Quante

Tobias Quante

15 September 2021
privacy
How to self-host Google fonts for your web application | Part 1/2: DIY vs. CDN by Tobias Quante

How to self-host Google fonts for your web application | Part 1/2: DIY vs. CDN

Google provides plenty of web services, one of which is Google Fonts. At the same time, using these services is as simple as opening a window (or browser tab, literally speaking). You might have a good reason though not to use these, and instead, provide font files from your own sources.
Tobias Quante

Tobias Quante

15 September 2021
privacy
How to monitor the progress of a Javascript fetch - request and cancel it on demand. by Tobias Quante

How to monitor the progress of a Javascript fetch - request and cancel it on demand.

Waiting blows. That goes for many situations in life, including when a website you visit is busy loading new data. However, it's usually helpful to visualize that something is happening in the background. Or be able to pull the plug. Read on to find out how that's to be done with the fetch API.
Tobias Quante

Tobias Quante

20 August 2021
javascript
A step-by-step guide to developing and deploying Vue apps with docker, part one by Tobias Quante

A step-by-step guide to developing and deploying Vue apps with docker, part one

Vue is a great framework to develop user interfaces. It has experienced a great deal of growth in popularity since its initial release in 2014 and still continues to improve. In this article, you'll learn how to make your Vue development workflow even better using Docker
Tobias Quante

Tobias Quante

13 August 2021
devops
A collection of useful express.js middleware concepts for your next project by Tobias Quante

A collection of useful express.js middleware concepts for your next project

This article explains a few techniques that make use of express's middleware interface. You will learn how to set up a common logger, add CORS and cache HTTP headers, as well as implement simple Basic Authentication into your Node application.
Tobias Quante

Tobias Quante

06 August 2021
serverside_js
Let's build Vue directives: Adding a wave effect to buttons by Tobias Quante

Let's build Vue directives: Adding a wave effect to buttons

The wave, aka the ripple effect, became popular with Google's material design guidelines. When a user interacts with a button, a wave-like animation would spread outwards from the clicking/touching point. Read on to learn how to implement this feature with a Vue.js directive.
A step-by-step guide to developing and deploying Vue apps with docker, part two by Tobias Quante

A step-by-step guide to developing and deploying Vue apps with docker, part two

Vue is a great framework to develop user interfaces. It has experienced a great deal of growth in popularity since its initial release in 2014 and still continues to improve. This second part of the series will explain how to develop "in" a container and ship your app with a custom Docker workflow
Quick & Dirty: How to add a client search feature to your Ghost blog by Tobias Quante

Quick & Dirty: How to add a client search feature to your Ghost blog

This article attempts to give you an idea of how to implement a search feature for your own Ghost blog. You'll learn how to create your own index, store it on the clientside and query it for results. In the related code repository, you can also find an implementation example.
Let's build Vue directives: Scrolling elements into view by Tobias Quante

Let's build Vue directives: Scrolling elements into view

Directives are one of Vue's most powerful concepts. They provide direct access to a DOM element over its lifecycle. And you're not restricted to the built-in ones but can also write your own custom directives.
How to self-host Google fonts for your web application | Part 2/2: Download and provision by Tobias Quante

How to self-host Google fonts for your web application | Part 2/2: Download and provision

They are everywhere. For a good reason as well - typography plays a big role in UI design, and Google provides designers and developers a simple solution by providing popular fonts over their CDN. You might, however, have good reason to serve these from your own server.
How to self-host Google fonts for your web application | Part 1/2: DIY vs. CDN by Tobias Quante

How to self-host Google fonts for your web application | Part 1/2: DIY vs. CDN

Google provides plenty of web services, one of which is Google Fonts. At the same time, using these services is as simple as opening a window (or browser tab, literally speaking). You might have a good reason though not to use these, and instead, provide font files from your own sources.
How to monitor the progress of a Javascript fetch - request and cancel it on demand. by Tobias Quante

How to monitor the progress of a Javascript fetch - request and cancel it on demand.

Waiting blows. That goes for many situations in life, including when a website you visit is busy loading new data. However, it's usually helpful to visualize that something is happening in the background. Or be able to pull the plug. Read on to find out how that's to be done with the fetch API.
A step-by-step guide to developing and deploying Vue apps with docker, part one by Tobias Quante

A step-by-step guide to developing and deploying Vue apps with docker, part one

Vue is a great framework to develop user interfaces. It has experienced a great deal of growth in popularity since its initial release in 2014 and still continues to improve. In this article, you'll learn how to make your Vue development workflow even better using Docker
A collection of useful express.js middleware concepts for your next project by Tobias Quante

A collection of useful express.js middleware concepts for your next project

This article explains a few techniques that make use of express's middleware interface. You will learn how to set up a common logger, add CORS and cache HTTP headers, as well as implement simple Basic Authentication into your Node application.

Newsletter

I'm not actively maintaining newsletters, you can however follow me on dev.to to keep up to date with my content

Topics

  • azure
  • database
  • devops
  • javascript
  • nodejs_basics
  • opensource
  • privacy
  • productivity
  • rust
  • serverside_js
  • tutorial
  • typescript
  • vuejs

Navigation

  • Privacy policy

Follow Q-Bytes

DigitalOcean Referral Badge
Q-Bytes © 2025 Powered by Ghost & Candidus Theme