Devhack

A CSS hack to Visual Studio Code to move the Debug Toolbar

March 17, 2023

As developers, we’re always looking for ways to enhance our productivity and streamline our workflows. One thing which has bothered me endlessly is the floating Debug Toolbar. I love the fact that it is floating, but I have to move it out of the way every time I want to do something.

Read more

Extension tip to bring Visual Studio Code to the foreground

April 1, 2022

In one of the extensions I am developing with a custom authentication provider, I required to bring the last Visual Studio Code instance to the front once signed in. When you can control the full authentication flow, you typically redirect the user to vscode://..., which triggers your browser from opening Visual Studio Code.

Read more

#DevHack: CORS for Cloudflare cached Azure Storage blobs

February 15, 2021

In the previous post, I told you why we moved to Cloudflare CDN to serve our Azure Storage files instead of Azure CDN. During the testing of Cloudflare, I found out that CORS headers were not present for the files. Usually, this is not needed if you only retrieve one file, but if you want to retrieve another file, for instance, a template from your site, these cross-origin resource sharing headers are required.

Read more

#DevHack: Configuring domains for your branches on Vercel

November 21, 2020

To prepare my new online store’s release for selling personalizable bike stickers called: Pimp Your Own Bike. I wanted to make sure that I could test out my website before merging it to the main branch. Using a predefined custom domain would be the easiest way. Highlighting my environments On Azure, I would typically use slots on the web app.

Read more

#DevHack: Getting some clarity in your site analytics

November 17, 2020

This weekend I discovered a cool new tool from Microsoft called Clarity. The tool allows you to understand how users interact with your website. It can do this by using Google Analytics integration and features like session replays and heatmaps. Info https://clarity.microsoft.com/ I was not looking for such a tool.

Read more

#DevHack: Dynamic manifests for Progressive Web App aka PWA

October 28, 2020

In the previous #DevHack, I told you how to use deep links in your PWA for Microsoft Teams. This approach I currently implemented in one of my proof of concepts. Another functionality that my POC needed to have is to have dynamic manifest creating for the PWA. Info #DevHack: Deep linking to Microsoft Teams in Android and iOS In this #DevHack, I will tell you how you can make it possible to get dynamic manifests for your PWA using Azure Static Web Apps and Azure Functions.

Read more