Category: Frontend technology
Deploying a Vue 3 application to GitHub Pages using the gh-pages npm package is a straightforward and powerful way to make your project live on the web. However, it’s …
For the power end user, an editable data grid is frequently the most productive user interface for quickly editing data. I have been working with Vue 3 for some …
Tags are a useful and a little playful way to provide context for a record. I am building a simple application (using Vue 3 and Vuetify) where a group …
As part of our 20 year AMIS blog anniversary celebration, I would like to present the OCI File Manager – a free tool that allows users to easily, on …
Outlook Addins are extensions to the Microsoft Outlook Client – both the desktop and the web client. Both are HTML/JavaScript applications – as are the addins. Addins are small …
This article introduces a static Vue 3 web application that is used to navigate the files in an OCI Object Storage Bucket. To upload files to that bucket and …
Web browsers typically implement a “same-origin policy” to prevent code from making requests against a different origin to the one from which the code was served. The intention of …
I have been working on a Vue 3 web application. It allows the user to upload photographs and it will display the locations where these photos were taken on …
Crank up volume on parts of the audio track in a video: I have an MP4 of an interview and one of the two people talking was not caught …
Leaflet is a great JavaScript library for creating map visualizations in web applications. Leaflet is created with that specific purpose in mind. It caters for most of the things …
Last month we organized an internal competition around The Advent of Code 2023. Some 70 colleagues participated, Six had completed all puzzles at New Year’s Eve Midnight – our …
My challenge: show Dutch rail tracks on a map. This challenge is composed of several steps: find a dataset that contains geographic data on Dutch railways convert that data …
The combination of GeoJSON data sets and the JavaScript d3.js for SVG visualizations is quite valuable for creating rich and interactive visualizations of data that is related to geography …
In several recent articles on Data Visualization using a Thematic World Map with color shades assigned to countries based on their value for a specific property in a world …
This article is a sequel to my introduction into World Map visualization (using d3, SVG and JavaScript). The previous article introduced the visualization of country specific data on a …
Data associated with countries is fairly common. Presenting such data in the form of world map that shows the countries and presents the associated data through a color is …
I have created a tutorial “Building a web application with Vue”. You will find it here in a GitHub Repo. It is targeted at people who – like me …
If I had not seen it, I doubt I would have believed it. If you click this link you will open a StackBlitz workspace right in your browser. You …
I started web development in the ’90s. Plain HTML and JavaScript, some images and perhaps a little bit of CSS. Static websites. I have made quite a journey since …
That is a long title. In this article, I introduce a Gitpod workspace (cloud based ephemeral development environment) in which you can try out NocoDB – an open source …
Recently the OpenTelemetry project launched a demo application that demonstrates many aspects of instrumentation, metrics and trace gathering, providing insight across multi-service, multi-technology application stacks and in general how …
A conference such as Devoxx is a great opportunity to get inspired into trying out tools and technologies that may not or only be vaguely be known as they …
Front end development can be an art. An almost pixel by pixel design, a careful crafting UX or even CX. And there is a time and place and technology …
Supabase provides a cloud based backend service to web applications. That means that any (static) web application can use Supabase for user authentication and data persistence. Supabase provides a …
Angular Material provides the MatSort directive as an easy way the include interactive sorting in the tables of your application. In this blogpost I will show the best way …
TL;DR: live demo of the Poll Rank component on Code Pen: https://codepen.io/lucasjellema/pen/NWpoBeM Bringing things to order is a common requirement. Making clear how things are mutually ordered, which comes …
Assume a browser based (or desktop electron) stand alone, client side only application. Multiple users are working with that application at the same time, on their own laptops and …
The D3 library is great for creating rich and interactive data visualizations running in your browser. D3 is a JavaScript library that provides an easy bridge between the power …
My very first steps in programming consisted of typing in the BASIC program listings from computer magazines. Usually very simple games with very poor UX. That probably is the …
My objective: create a mechanism for recording streaming video on my Windows laptop on a preprogrammed timestamp and channel. My motivation: show that I can do this (using AutoIt, …
I would like to have my Spotify playlist played to me every morning at 8AM sharp. Using the Windows Task Scheduler and an AutoIt script I can have the …
I have tried to capture various video streams running in my browser using a plethora of screen capture and video recording tools. However, some streams prove hard to pin …
The objective I am pursuing is the following: I want to be able to open a web site or web application and show a floating toolbar on top of …
Adding a short cut key combination to a web application or web site can be quite powerful. When the short cut key combination is activated – things can happen. …
Browsers are our primary platform for running applications and retrieving information. We have to use browsers to test applications, verify health and current performance of applications, look up data …
Azure Static WebApps is a fairly new Azure service, currently in preview. Azure WebApps is a managed, serverless service that allows us to quickly deploy and publicly expose a …
We are happy to announce that we have a new whitepaper on the ADF Performance Monitor. This blog publishes a new whitepaper that gives more information about the architecture, …
Are you unable to pinpoint frustrating blind spots and recurring problems in your ADF application? This video gives a quick introduction of the features of the ADF Performance Monitor, …
Last week we had a new version of the ADF Performance Monitor available – version 9.5. In this blog I will write on one of the new features; thread …
We have again a major new version of the ADF Performance Monitor available – version 9.5 ! We have added many new valuable features and improvements. Many overview screens …